Text Reveal

Reveals text word by word with opacity animation.

Preview
Motiondrivenexperiencesthatdelightyourusers.

Customize

Installation & Usage

tsx
import { TextReveal } from "@/components/ui/text-reveal"

export function TextRevealDemo() {
  return (
    <TextReveal 
      text="Motion driven experiences that delight your users." 
      className="text-2xl font-bold text-foreground"
      duration={0.5} 
    />
  )
}

Component Details

FrameworkReact / Next.js
StylingTailwind CSS
AnimationFramer Motion
Dependencies
framer-motion