KQ-048 · MAGNETIC/CURSOR
Magnetic Cursor
A pointer layer for fine cursors — a drift-lagged spotlight trails the cursor and any MagneticTarget leans toward it, then springs back; inert on touch and reduced motion.
KQ-048 · MAGNETIC/CURSOR
Fine pointer only — targets lean toward the cursor · Selected Deploy
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/magnetic-cursor
Props
- MagneticCursor.size
- number
- default 28
- Spotlight follower diameter in px.
- MagneticTarget.strength
- number
- default 0.35
- Fraction of the pointer offset a target follows.
- MagneticTarget.radius
- number
- default 90
- Activation radius in px around the target.
| Prop | Type | Default | Description |
|---|---|---|---|
| MagneticCursor.size | number | 28 | Spotlight follower diameter in px. |
| MagneticTarget.strength | number | 0.35 | Fraction of the pointer offset a target follows. |
| MagneticTarget.radius | number | 90 | Activation radius in px around the target. |