Hover Text Reveal

This lightweight React component, styled with Tailwind CSS and animated with GSAP (via CDN), creates a captivating effect where text characters gradually reveal themselves as the user's pointer hovers nearby. It's perfect for 'secret codes,' playful CTAs, or any text you want to make engaging.

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

import { Secret } from "@/components/ui/hover-text-reveal-1";
export const DemoOne: React.FC = () => {
const mySecretWords = ["VISIT", "EASEMIZE", "UI"];
  return (
    <div class="flex flex-col gap-5 justify-center items-center h-screen">
      <Secret items={mySecretWords} />
    </div>
  );
};