Bounce Text Reveal

A scroll-triggered text reveal animation with bouncing characters.

Installation

pnpm add gsap @gsap/react   

Preview

Usage

import { BounceTextReveal } from "@/components/docs/BounceTextReveal"

export default function BounceTextRevealDemo() {
  return (
    <div className="overflow-hidden">
      <BounceTextReveal text="Your Text Here" />
    </div>
  )
}

API Surface

PropTypeDefaultNotes
textstringrequiredThe text to be revealed.
classNamestring-Additional styles for the container.