Typewriter

A typewriter text animation that types, deletes, and cycles through a sequence of words with natural typing variance.

"use client";

import TypewriterTitle from "@/components/vritti/type-writer";

export function TypeWriterExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <TypewriterTitle
        sequences={[
          { text: "Hello World", deleteAfter: true },
          { text: "Typewriter Effect", deleteAfter: true },
          { text: "Built with React", deleteAfter: false },
        ]}
      />
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/type-writer"

Dependencies


pnpm add motion