Docs
npx shadcn@latest add https://better-components-alpha.vercel.app/r/magnetic-card.json

Magnetic Card

Move your cursor across me.

Example.tsx
import { MagneticCard } from "@/components/better/magnetic-card"


export function Example() {
  return (
    <MagneticCard
      tilt={12}
      drift={10}
      glare={true}
      title="Magnetic Card"
      subtitle="Move your cursor across me."
      className="w-64"
    />
  )
}