Components
Text Reveal
Animate text with various reveal effects including fade, slide, scale, blur, typewriter, wave, stagger, rotate, and elastic animations.
Loading
Installation
pnpm dlx shadcn@latest add @toui/text-reveal
Examples
Slide Variants
Loading
Scale
Loading
Blur
Loading
Typewriter
Loading
Wave
Loading
Stagger
Loading
Rotate
Loading
Elastic
Loading
Neon Glow
Loading
Fire Magic
Loading
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.