Text Reveal
Split and reveal text by word, character, or line.
Installation
Requires MotionProvider and gsap. Add the text reveal component with the shadcn CLI.
npx shadcn@latest add https://yami.ui.unsanity.ai/r/text-reveal.jsonUsage
import { TextReveal } from "@/void/text/text-reveal"
<TextReveal split="word" stagger={0.05}>
Beautiful motion for everyone.
</TextReveal>Examples
Default
Code
import { TextReveal } from "@/void/text/text-reveal"
<TextReveal split="word" stagger={0.05}>
Beautiful motion for everyone.
</TextReveal>