Components
Loading preview...
A fluid cascading navigation item where characters transition sequentially to create a wave-like hover motion.
@aayush-duhan
npx shadcn@latest add https://21st.dev/r/aayush-duhan/cascade-textimport { TextReveal } from "@/components/ui/cascade-text";
export default function DemoOne() {
return (
<div
className="flex items-center justify-center w-full min-h-screen"
style={{ background: "var(--demo-bg)", color: "var(--demo-text)" }}
>
<TextReveal text="Hover me" />
</div>
);
}