TypingAnimation

Typewriter text animation with blinking cursor.

Preview

bash

npx auralix-ui add typing-animation

tsx

import { TypingAnimation } from "@/components/ui/TypingAnimation";

<TypingAnimation text="Hello, World!" duration={100} />

Name	Type	Default	Description
`text`	`string`	`-`	Text to type.
`duration`	`number`	`100`	Delay between characters (ms).
`delay`	`number`	`0`	Initial delay before typing.
`cursor`	`boolean`	`true`	Show blinking cursor.

On this page