Types one or more strings with a blinking cursor, deleting and moving on to the next. Width stays stable.
npx shadcn@latest add https://hyperblur.dev/r/typewriter.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/typewriter.tsx.
import { Typewriter } from "@/components/hyperblur/typewriter"
<Typewriter words={["Design", "Build", "Ship"]} />| Prop | Type | Default | Description |
|---|---|---|---|
| words | string[] | required | Strings to type. With several entries it deletes each one and moves to the next. |
| typeSpeed | number | 70 | Milliseconds per typed character. |
| deleteSpeed | number | 40 | Milliseconds per deleted character. |
| pause | number | 1400 | Milliseconds to hold a finished word before deleting it. |
| loop | boolean | true | Keep cycling. When false, stops after the last word is typed. |
| cursor | string | "|" | Cursor character. |