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