Atelier UI

Search components…

Search components…

Typewriter Text

Typewriter text that types, deletes and cycles through words.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

TypewriterTextProps

Also accepts all props of React.ComponentProps<"span">

PropTypeDefaultDescription
words* requiredstring[]——
typeSpeednumber70Milliseconds per typed character
deleteSpeednumber40Milliseconds per deleted character
pausenumber1600Milliseconds a finished word stays before it is deleted
loopbooleantrue—
showCursorbooleantrue—
cursorColorstring"currentColor"—

Install

$ npx shadcn@latest add https://chromotion.dev/r/typewriter-text.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this