Shadcn.io is not affiliated with official shadcn/ui
Magnetic
Cursor-attracted element wrapper with magnetic pull effect for React
Wrap any element and watch it get pulled toward the cursor like it's magnetized. Move your mouse near a button and it subtly leans toward you—that's the premium micro-interaction that separates polished interfaces from the rest. Spring physics make the movement feel natural, not robotic. The effect auto-disables on touch devices (no hovering = no point). Perfect for CTAs you want people to notice, navigation that feels alive, or anywhere you want to reward cursor curiosity.
Scroll to load preview
Installation
Related Components
Animated Cursor
Custom cursor replacement
3D Card
Mouse-tracking card
Animated Tooltip
Hover follow tooltip
Dock
Magnetic dock menu
FAQ
Was this page helpful?
Sign in to leave feedback.