Components
Text Reveal (Radix UI)
Animate text with various reveal effects including fade, slide, scale, blur, typewriter, wave, stagger, rotate, and elastic animations.
Installation
pnpm dlx shadcn@latest add @toui/text-reveal
Examples
Slide Variants
Scale
Blur
Typewriter
Wave
Stagger
Rotate
Elastic
Neon Glow
Fire Magic
API Reference
This component is built using Motion primitives and includes the following custom props:
TextReveal
| Prop | Type | Default |
|---|---|---|
children | ||
variant | ||
className | ||
style | ||
delay | ||
duration | ||
staggerDelay | ||
once | ||
startOnView | ||
wordLevel | ||
onComplete |
Credits
- Built with Motion.