Shadcn.io is not affiliated with official shadcn/ui
Magnetic Button
Button with floating particles that magnetically attract on hover for React.
Hover and watch the magic happen. Scattered dots orbit your button, then whoosh—they all rush to the center like iron filings to a magnet. The spring physics feel natural and satisfying. It's that unexpected bit of delight that makes users hover again just to see it. Perfect for hero sections, product launches, or anywhere you want your CTA to feel alive. The particles work on touch too—mobile users get the same "oooh" moment.
Magnetic Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Pulse Button
Pulsing attention ring
Shine Button
Diagonal light sweep
Ripple Button
Material Design ripple
Liquid Button
Fluid fill animation
Bounce Button
Elastic click bounce
Glow Border Button
Rotating gradient glow