Text Motion
Headline entrances driven entirely by your own custom Framer Motion variants.
textmotionvariantsheadlineanimationtypographycustom
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The string to animate. |
variants | Variants | - | Framer Motion variants with hidden / show keys for each segment. |
by | "text" | "word" | "character" | "line" | "word" | How to split the string for staggering. |
as | "p" | "span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | Tag rendered as the outer element. |
duration | number | 0.3 | Stagger = duration / segment 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. |