Animations/Typewriter
Typewriter
Cycle through phrases with a classic typing-and-deleting rhythm.
ajax-ui.com/typewriter
I build
Installation
npx ajaxui add typewriterStatic phrase
ajax-ui.com
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| words | string | string[] | — | Single phrase or list of phrases to cycle through. |
| typingSpeed | number | 70 | Ms between keystrokes while typing. |
| deletingSpeed | number | 40 | Ms between keystrokes while deleting. |
| holdDuration | number | 1400 | Ms to hold a fully-typed word before deleting. |
| showCaret | boolean | true | Display a blinking caret next to the text. |
| accentClassName | string | — | Tailwind classes applied to the typed text. |