text-reveal-typewriter

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/text-reveal/typewriter.tsx
import { TextReveal } from '@/registry/default/ui/text-reveal';

export default function TypewriterExample() {
  return (
    <div>
      <TextReveal variant="typewriter" className="text-xl font-bold text-foreground" staggerDelay={0.08}>
        Typewriter Effect
      </TextReveal>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/text-reveal-typewriter

Usage

import { TextRevealTypewriter } from "@/components/text-reveal-typewriter"
<TextRevealTypewriter />