Backgrounds

Shockwave dot grid

A grid of dots that tints toward the cursor and blasts outward in a ring when you click or flick across it.

Stage feed

18,204 fixtures are listening for the next cue

Click the grid to send a shockwave, or flick across it to spray one automatically.

Using Shockwave dot grid

A grid of dots that tints toward the cursor and blasts outward in a ring when you click or flick across it.

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, dotSize, gap, proximity, shockRadius, returnSeconds

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

1671Bulging dot fieldBackgroundsA fine grid of dots that swells outward under the cursor like fabric pushed from behind, springing back with one soft overshoot the moment the pointer moves on.

2112Bar wave matrixBackgroundsA grid of short bars where each bar slides along its own track, and the phase offset from row to row turns the whole grid into a travelling wave.

1694Flickering square meshBackgroundsA canvas mesh of small squares where random cells jump to a new brightness every frame, giving a restless static that never repeats.

1978Halftone ripple fieldBackgroundsA field of tiny tiles that switch on and off with a drifting noise pattern, and every click sends a ring of lit tiles racing outward.

2000Particle FieldBackgroundsA canvas field of soft floating dots that drift on their own and lean toward the pointer with a gentle magnetic pull, easing back once it moves away.

2210Pulse grid meshBackgroundsA square wire mesh that swells outward in slow rings from the middle, brightest at the center and gone before it reaches the edges.