Components
Magnetic Button
A button that pulls toward the cursor within a radius, then springs back with mass and damping — creating a satisfying snap that feels physical. Inner text floats independently for depth.
Preview
Installation
npx shadcn@latest add https://orbit.ruturaj.xyz/r/magnetic-buttonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Button label |
| strength | number | 0.5 | Magnetic pull intensity (0–1) |
| radius | number | 120 | Detection radius in pixels |
| className | string | — | Overrides for color, size, rounding |