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
Brand gradient sweeping continuously through text.
Make it modern, animated, accessible
Cycles words with a springy blur-flip transition.
Scrambles through letters and resolves into the real text.
Blurs one phrase out as the next resolves in.
12,480+
Springs a number up when it enters the viewport.
Twinkling stars orbiting your headline.
Every component ships its own receipts.
Marker-pen sweep that draws in when the phrase scrolls into view.
Giant outlined word that draws in, then glows in brand colours under the pointer.
Word-by-word blur reveal on scroll.
A soft light sweep — great for AI loading states.
Build it faster., smoother., free.
Types, holds and deletes through a list of words.
Build faster, lighter, calmer
Swaps a single word on a quiet vertical roll.