Controls

typeSpeedms

deleteSpeedms

pausems

loopcursor

cursorChar

Typewriter

Types and deletes a list of phrases with a blinking cursor.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/typewriter

import { Typewriter } from "@/components/typewriter"

export function Demo() {
  return (
    <Typewriter
      words={["Design", "Develop", "Deploy"]}
      className="text-4xl font-semibold"
    />
  )
}

Updates live as you change the controls. Only non-default props are included.