Skip to content

Components / Pointer

Pointer

12 components · 2 at 0 B

Cursor fields, tilt, spotlight and magnetism.

one canvas · gone when the last piece lands

Confetti

Pointer

Fires a burst of paper confetti on load, on a click or on an ma:confetti event.

every browserloadclick

Cursor

Pointer

A custom pointer that trails the real one: a dot, a ring that grows over links and buttons, or a label ("View") any element can ask for with data-cursor-label.

every browserpointer

A field of cells that light up under the cursor and fade where it has been, with a slow idle sweep when nothing is touched.

every browserpointeralways

A field of braille dots that reads as a flowing contour map: two waves cross it, the colour turns along a sunset arc, and the cursor carves a trail that decays one dot at a time.

newly · Chrome 125 · Firefox 128 · Safari 17.2pointeralways

Small images pop up along the pointer's path and fade behind it.

every browserpointer

Magnetic

Pointer

A button or icon is pulled toward the cursor while it is nearby and springs back when it leaves.

every browserpointerhover

Spotlight

Pointer

A soft radial light follows the cursor over a card and fades in only while hovered.

every browserpointerhover

Tilt

Pointer

A card leans toward the cursor in 3D, lifts slightly, catches a glare, and settles back on the active preset's spring when the cursor leaves.

every browserpointerhover

Draws a cluster of liquid drops that merge and pull apart: metaballs on the GPU with a compact kernel, cut with an edge exactly one pixel soft.

every browseralwayspointer

Covers content with a layer that the cursor washes away like ink in water, showing what is underneath.

every browserpointer

Makes an image turn liquid under the cursor and settle back.

every browserpointer