Text Reveal
Word-by-word text reveal animation on scroll.
npx arupui add text-reveal
Preview
Thistextrevealswordbywordasitenterstheviewport
Usage
text-reveal.tsx
import { TextReveal } from "@/components/blocks/text-reveal"
<TextReveal text="Hello World" className="text-2xl font-bold" />Props
| Prop | Type | Default |
|---|---|---|
text | string | - |
delay | number | 0 |
duration | number | 0.05 |
textType:
stringDefault: -delayType:
numberDefault: 0durationType:
numberDefault: 0.05