Back to Catalog

Magnetic Button

free

Cursor-tracking magnetic button with spring physics and an animated shimmer sweep.

#button#spring#hover#micro-interaction
CLI Installation
pnpm dlx shadcn@latest add https://ui.ibidi.dev/r/magnetic-button.json

Props

PropTypeDefaultDescription
strengthnumber0.35Magnetic pull intensity on hover.
variant'primary' | 'secondary' | 'ghost''primary'Visual button style.