Text Word Flip
Spring-loaded word flips paired with a soft letter-by-letter blur stagger.
textflipwordsblurstaggerheadlineanimationspring
Props
| Prop | Type | Default | Description |
|---|---|---|---|
words | string[] | ["clean","crisp","sharp","sleek"] | Words or phrases to cycle through. |
duration | number | 1700 | Hold time per word before flipping, in milliseconds. |
letterDelay | number | 0.05 | Stagger delay between letters, in seconds. |
wordDelay | number | 0.3 | Stagger delay between words inside a phrase, in seconds. |
paused | boolean | false | Pause the cycle on the current word. |