Typewriter

Types, holds and deletes phrases with a human-ish rhythm and a blinking caret. Screen readers get the full list once.

timersa11y2 files · 95 locdeps: clsx, tailwind-merge

Build a landing page., dashboard., design system., side project.

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/typewriter.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs typewriter

import { Typewriter } from "@/components/opus/text/typewriter";

<Typewriter words={["landing page.", "dashboard."]} />

Prop	Type	Default	Description
words	string[]	—	Phrases in order.
typeSpeed / deleteSpeed	number	70 / 35	ms per character.
pause	number	1400	Hold time (ms).
loop	boolean	true	Cycle forever.
caret	"bar" \| "block" \| "underscore" \| "none"	"bar"	Caret style.