Components
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.
npx shadcn@latest add https://21st.dev/r/easemize/hover-text-reveal-1Loading preview...
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>
);
};