An interactive typewriter effect component that animates text character by character with customizable typing speed. Features smooth character reveal, blinking cursor, and completion callbacks for engaging text animations and dynamic content display.
npx uilayouts@latest add type-writer
This type writer installation process provides smooth text animation capabilities for React applications, perfect for creating engaging content reveals and dynamic typography effects.
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | The text string to type out character by character |
| charDelay | number | 55 | Delay between each character in milliseconds |
| onComplete | function | - | Callback function when typing animation completes |
These simple yet powerful props give you complete control over your typewriter animations, making them ideal for hero sections, loading messages, and interactive text displays.
This basic type writer demonstrates smooth character-by-character text animation with a blinking cursor effect, perfect for engaging user interfaces and dynamic content presentation.
The type writer component can be used for various applications including hero text animations, chat interfaces, code demonstrations, and loading messages. The customizable typing speed allows you to create the perfect pacing for your content reveal.