text-reveal-wave

PreviousNext
Docs
reuicomponent

Preview

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

export default function Component() {
  return (
    <div>
      <TextReveal variant="wave" className="text-xl font-bold text-foreground py-12" staggerDelay={0.08}>
        Wave Animation
      </TextReveal>
    </div>
  );
}

Installation

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

Usage

import { TextRevealWave } from "@/components/text-reveal-wave"
<TextRevealWave />