We are live on DevHunt: tool of the week contest

check it out

Typewriter

Animated typewriter effect that cycles through a list of words with a blinking cursor.

Preview

Interactive Preview

Orix is built for

|

Installation

Usage

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

export default function Demo() {
  return (
    <h2 className="text-4xl font-bold">
      Build{" "}
      <Typewriter
        words={["fast.", "beautiful.", "modern.", "with Orix."]}
        typingSpeed={80}
        className="text-primary"
      />
    </h2>
  )
}

Props

PropTypeDefault
wordsstring[]-
typingSpeednumber80
deletingSpeednumber40
pauseDurationnumber1800
cursorCharstring|
loopbooleantrue