Shadcn.io is not affiliated with official shadcn/ui
Shimmering Text
Wave-like shimmer effects across text with staggered per-character color cycling for React applications.
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.
Shimmering Text preview
Installation
Related 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.