Block Text

A self-contained, mobile-responsive React component using GSAP and Tailwind CSS to create a repeating "physics-based" text reveal animation where color overlays fall away as you scroll.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Block Text to your project and fits it to your theme.

import BlockText from "@/components/ui/block-text";

export default function DemoOne() {
  return <BlockText />;
}