Typewriter

Animated typewriter with configurable typing/deleting speed, pause, and loop. Electric cursor blink.

Build

Installation

Run the CLI

$npx particleui-cli add typewriter

Usage

TSX

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

export default function Example() {
  return (
    <Typewriter
      phrases={["Build faster.", "Ship beautiful UIs.", "Powered by ParticleUI."]}
      className="text-2xl font-bold"
    />
  )
}

Props

Prop	Type	Default	Required
words	string[]	—	yes
typingSpeed	number	`60`	no
deletingSpeed	number	`35`	no
pauseMs	number	`1800`	no
className	string	—	no
cursorClassName	string	—	no
loop	boolean	`true`	no

Details

Source filecomponents/ui/typewriter.tsx

Typeui

Categoriestext, particles

npm dependencies

Registry deps

Claude skill—