text-reveal-fire

PreviousNext
Docs
reuicomponent

Preview

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

export default function Component() {
  return (
    <TextReveal
      variant="typewriter"
      className="text-xl font-bold bg-gradient-to-r from-red-600 via-orange-500 to-yellow-400 bg-clip-text text-transparent"
      staggerDelay={0.1}
    >
      Fire Magic
    </TextReveal>
  );
}

Installation

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

Usage

import { TextRevealFire } from "@/components/text-reveal-fire"
<TextRevealFire />