Components
Typewriter Text
Types out text character-by-character with a blinking cursor. Classic hero headline effect.
Installation
npx shadcn@latest add https://ui.saasflare.io/r/typewriter-text.jsonpnpm add @saasflare/uiUsage
"use client"import { TypewriterText } from "@saasflare/ui"/** Reveals text word by word with a blinking cursor. */export function Demo() { return ( <div className="flex h-64 w-full items-center justify-center rounded-lg border bg-fd-card p-8 text-center"> <TypewriterText text="Hello, welcome to Saasflare." wordDelay={120} className="text-2xl font-bold" /> </div> )}API Reference
Prop
Type