Word-by-Word Text
Animate text word by word instead of character by character for different pacing
Word Animation
Wordbywordanimationeffect
Different variations
Scalewordanimation
Slideleftwordanimation
Blurwordanimationeffect
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Text to animate |
| animation | AnimationType | "fadeUp" | Type of animation to apply |
| by | "character" | "word" | "character" | Set to "word" for word-by-word animation |
| className | string | - | Additional CSS classes |
| delay | number | 0 | Initial delay before animation starts (seconds) |
| duration | number | 0.5 | Duration of each word animation (seconds) |
| staggerDelay | number | 0.03 | Delay between each word (seconds) |
| once | boolean | true | Animate only once when in view |