Typewriter
A typing animation that cycles through an array of words with realistic typing and deleting effects.
Import
import { TypewriterText } from "@igorao79/uivix";Playground
80ms
50ms
1500ms
Examples
In a Heading
Used as part of a sentence
We build
Custom Cursor
Underscore cursor with custom color
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| words | string[] | - | Array of strings to type through (required) |
| typeSpeed | number | 80 | Typing speed in ms per character |
| deleteSpeed | number | 50 | Deleting speed in ms per character |
| pauseDuration | number | 1500 | Pause before deleting in ms |
| loop | boolean | true | Loop the animation |
| cursor | boolean | true | Show blinking cursor |
| cursorChar | string | "|" | Cursor character |
| className | string | - | Additional CSS classes |