Cursor engine
One script, six cursor presets. Hover targets declare their state with
data-cursor attributes — label:Text, grow,
drag, hide. Switch presets and tune easing live in the panel.
Standard link
Plain <a> — the ring preset shrinks to a small circle here; drag-arrow yields to the native cursor.
<a href>
Aurora — Identity
Label targets show contextual text on the cursor.
data-cursor="label:View"
Meridian — Campaign
Long labels clamp to the viewport edge instead of clipping.
data-cursor="label:Open case"
Grow target
Dot presets scale up over this area; the ring opens to full size.
data-cursor="grow"
Drag gallery
Chase circle with a direction-flip arrow (drag-arrow preset). Press to grab. The button below opts out.
Real button — cursor hides
Native zone
The custom cursor fades out and the OS cursor returns while you are over this element.
data-cursor="hide"
Presets: dot · blend-dot · label-pill · cube-label · drag-arrow · ring-states.
Panel controls bind straight to engine options. H toggles the panel.
Touch devices keep their native cursor — the engine no-ops.