text
TextReveal
Reveal text by word, character, or line.
Playground
Scroll-based previews need you to scroll into view.
Live preview
Code
<TextReveal split="word" stagger={0.05} duration={0.6} tilt={45}>
Words reveal one by one
</TextReveal>shadcn add
npx shadcn@latest add @void/text-reveal
# Or URL (no .json):
npx shadcn@latest add https://void.ui.unsanity.ai/r/text-revealProps
| Prop | Type | Default | Description |
|---|---|---|---|
| split | word | char | line | word | How to split text |
| stagger | number | 0.05 | Stagger between units |
| tilt | number | 0 | rotateX from degrees → 0 on reveal |
| skew | number | 0 | skewX from degrees → 0 on reveal |