Split Text
Animated text that splits into characters or words with customizable animations.
Configuring your account...
Please wait while we prepare everything for you
Usage
import SplitText from '@/components/bynanaui/split-text'
<SplitText
text="Hello, Amazing Text!"
className="text-2xl font-semibold"
delay={100}
duration={0.6}
splitType="chars"
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | Text to animate |
delay | number | 100 | Animation delay |
duration | number | 0.6 | Animation duration |
ease | string | "easeOut" | Easing function |
splitType | string | "chars" | Split by chars or words |
from | object | - | Starting animation state |
to | object | - | Ending animation state |
className | string | - | Additional CSS classes |