Text Char Slide
A per-character slide-left cascade with a cleanly staggered entrance timing.
textslidecharacterheadlineanimationtypographystagger
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The string to animate per character. |
as | "p" | "span" | "div" | "h1"–"h6" | "p" | Tag rendered as the outer element. |
duration | number | 0.3 | Segment duration. Stagger = duration / character count. |
delay | number | 0 | Delay before the cascade starts, in seconds. |
startOnView | boolean | false | When true, wait for viewport entry. When false, play on mount. |
once | boolean | true | Play only once when using viewport trigger. |