text-reveal-stagger

PreviousNext
Docs
reuicomponent

Preview

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

export default function StaggerExample() {
  return (
    <div>
      <TextReveal variant="stagger" className="text-xl font-bold text-foreground py-12" staggerDelay={0.05}>
        Stagger Animation
      </TextReveal>
    </div>
  );
}

Installation

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

Usage

import { TextRevealStagger } from "@/components/text-reveal-stagger"
<TextRevealStagger />