Text Animate
displayAdvanced text animation with letter-by-letter, word, or line reveal variants.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { TextAnimate } from "@launchapp/design-system";Examples
Word-by-word reveal
<TextAnimate text="Ship products faster than ever." by="word" animation="slideUp" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | Text to animate. |
by | "letter" | "word" | "line" | "letter" | Animation granularity. |
animation | "fadeIn" | "slideUp" | "blurIn" | "popIn" | "fadeIn" | Animation style. |