Animations/Typewriter
TypewriterText
Animates text character by character with configurable typing speed, delete speed, pause duration, and optional cycling through multiple strings.
import { TypewriterText } from "@animui/ui"Live preview
Cycles through multiple strings
Props
| Prop | Type | Default | Description |
|---|---|---|---|
words | string[] | — | Array of strings to cycle through. The component loops indefinitely. |
typingSpeed | number | 80 | Milliseconds between each character when typing. |
deletingSpeed | number | 40 | Milliseconds between each character when deleting. |
pauseDuration | number | 1800 | Milliseconds to pause after a string is fully typed before deleting. |
cursor | boolean | true | Show a blinking cursor after the typed text. |
prefix | string | — | Static text prepended before the animated portion. |
className | string | — | Additional classes on the text wrapper. |