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

PropTypeDefaultDescription
MagneticCursor.sizenumber28Spotlight follower diameter in px.
MagneticTarget.strengthnumber0.35Fraction of the pointer offset a target follows.
MagneticTarget.radiusnumber90Activation radius in px around the target.