Shimmering Text
Wave-like shimmer effects across text with staggered per-character color cycling for React applications.
Shimmering Text preview
Characters shimmer in sequence like light dancing across water. Each character cycles between two colors with staggered timing, creating a wave effect that ripples through the text. Optional wave mode adds subtle 3D transforms—characters lift, scale, and rotate as the shimmer passes through. Uses CSS custom properties for easy color customization. Built with Motion for React with infinite looping animations. Perfect for eye-catching headlines, loading indicators, or anywhere you want text that feels alive and dynamic.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this text effect for you — no copy-paste, no CLI:
use shadcnio to install the shimmering-text text effect into my projectRelated Components
Gradient Text
Flowing gradient color animations
Colourful Text
Per-character rainbow color cycling
Blur Text
Text animation from blur to focus
Highlight Text
Animated marker highlight effect
Text Reveal
Cinematic text reveals with clip-path animations
Glitch Text
Digital glitch effects with RGB channel separation
FAQ
Was this page helpful?
Sign in to leave feedback.