Animations/Animated Text
Animated Text
Reveal text one letter — or one word — at a time with staggered motion.
ajax-ui.com/animated-text
Installation
npx ajaxui add animated-textPresets
ajax-ui.com/animated-text/presets
Animate by word
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | Text to animate. |
| by | "letter" | "word" | "letter" | Split granularity. |
| preset | "fade-up" | "blur-in" | "slide-right" | "scale-in" | "fade-up" | Entrance animation preset. |
| stagger | number | 40 | Delay in ms between elements. |
| duration | number | 500 | Duration per element in ms. |
| loop | boolean | false | Re-trigger the sequence on a loop. |
| as | HTMLElement | "span" | Polymorphic root element. |