Animated text components for React
Typewriters, flipping and rotating words, scramble, shimmer, gradient and highlight effects. Screen readers always get the stable text, and rotating copy pauses on hover and focus.
12 components · free and MIT licensed · install any of them with the shadcn CLI
Ship beautiful pages
Animated Gradient Text
Brand gradient sweeping continuously through text.
Make it modern, animated, accessible
Flip Words
Cycles words with a springy blur-flip transition.
Hyper Text
Scrambles through letters and resolves into the real text.
Morphing Text
Blurs one phrase out as the next resolves in.
12,480+
Number Ticker
Springs a number up when it enters the viewport.
Sparkles Text
Twinkling stars orbiting your headline.
Every component ships its own receipts.
Text Highlighter
Marker-pen sweep that draws in when the phrase scrolls into view.
Text Hover Effect
Giant outlined word that draws in, then glows in brand colours under the pointer.
Text Reveal
Word-by-word blur reveal on scroll.
Text Shimmer
A soft light sweep — great for AI loading states.
Build it faster., smoother., free.
Typewriter
Types, holds and deletes through a list of words.
Build faster, lighter, calmer
Word Rotate
Swaps a single word on a quiet vertical roll.