Fieldbook
Sign in

Backgrounds

Pointer ripple mesh

A colour plate is sampled through a coarse mesh whose cells remember where the pointer has been, so dragging smears the image and the smear relaxes back.

Using Pointer ripple mesh

A colour plate is sampled through a coarse mesh whose cells remember where the pointer has been, so dragging smears the image and the smear relaxes back.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accent, gridSize, strength, relaxation, radius, autoSweep

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Cursor fluid trail
1947Cursor fluid trailBackgroundsA dark field where dragging the pointer smears colored fluid across it, and the smear keeps curling and thinning out after the pointer stops.
Gradient slat spotlight
1700Gradient slat spotlightBackgroundsVertical slats hide a colour gradient until a soft spotlight tracks the pointer across them and lights each slat it touches.
Aurora curtain
1666Aurora curtainBackgroundsA soft curtain of light hanging from the top edge, its lower hem rising and falling on a slow noise wave while its color shifts across the width.
Aurora veil
1526Aurora veilBackgroundsA full-bleed background of three drifting ribbons of light that add up where they cross, over a dark ground, with a caption layer that stays readable.
Bouncing sphere pit
1670Bouncing sphere pitBackgroundsA boxed pit of weighty spheres that fall, knock into each other and pile up, scattering whenever the cursor wades through them.
Drifting glass shards
1686Drifting glass shardsBackgroundsA slow current of translucent slivers that flash as they tumble, scattering from the cursor and gathering back when the pointer holds still.