Components
Loading preview...
An exceptional cursor-follow component with smooth morphing, color inversion, and magnetic effects.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/morphing-cursorimport { MagneticText } from "@/components/ui/morphing-cursor"
export default function Page() {
return (
<main className="min-h-screen bg-background flex flex-col items-center justify-center gap-16 p-8">
<p className="text-muted-foreground text-xs tracking-[0.25em] uppercase">Hover to interact</p>
<div className="flex flex-col items-center gap-8">
<MagneticText text="CREATE" hoverText="ELEVATE" />
<MagneticText text="VISION" hoverText="DESIGN" />
</div>
</main>
)
}