Magnetic Button
A button that leans toward the pointer. Strength, stiffness, axis, scale and pad are all playground knobs. Transform-only — no layout shift.
Draw
npx shadcn@latest add @clow/magnetic-buttonPlayground
props
<MagneticButton>Open the book</MagneticButton>Examples
basic
Props
| prop | type | default |
|---|---|---|
| children | text | Open the book |
| variant | default | glow | outline | soft | default |
| size | sm | md | lg | md |
| strength | number | 10 |
| stiffness | number | 160 |
| axis | both | x | y | both |
| scale | number | 1.02 |
| pad | number | 0 |