Magnetic Demo
loomui/magnetic-demoFreeExample
A button that leans toward the pointer.
Install it
npx shadcn@latest add https://loomui.design/r/magnetic-demo.jsonSource
1import { Magnetic } from "@/registry/loomui/magnetic"23export default function MagneticDemo() {4 return (5 <Magnetic asChild strength={0.4} radius={90}>6 <button className="bg-primary text-primary-foreground rounded-full px-6 py-2.5 text-sm font-medium">7 Hover near me8 </button>9 </Magnetic>10 )11}
What it pulls in
Other registry items
Files it writes
More from loomui
All 91 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Aurora Backdrop Demoaurora-backdrop-demo | loomui | Examples | Free | no deps | |
| Bento Grid Demobento-grid-demo | loomui | Examples | Free | no deps | |
| Card Stack Democard-stack-demo | loomui | Examples | Free | no deps | |
| Compare Slider Democompare-slider-demo | loomui | Examples | Free | no deps | |
| Confetti Button Democonfetti-button-demo | loomui | Examples | Free | no deps | |
| Count Up Democount-up-demo | loomui | Examples | Free | no deps | |
| Credit Card Democredit-card-demo | loomui | Examples | Free | no deps | |
| Drawer Demodrawer-demo | loomui | Examples | Free | no deps |
