Backgrounds

Scanning wire grid

A fine wire grid in perspective tilts with the pointer while a bright band sweeps across it on a loop, lighting every line it crosses.

Perimeter watch

Every pass logged, nothing crosses quiet

Move the pointer to bank the grid, or click to trigger an immediate sweep.

Using Scanning wire grid

A fine wire grid in perspective tilts with the pointer while a bright band sweeps across it on a loop, lighting every line it crosses.

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: scanColor, lineColor, gridScale, scanDuration, lineStyle, jitter

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1698Funnel vortex backdropBackgroundsA wireframe funnel of shrinking rings and radial spokes pouring into a lit throat, with specks rising back out.

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.

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.

1693Flickering glyph gridBackgroundsA dense grid of monospaced characters where a random handful swaps letter and colour every tick, easing between shades as it goes.

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.

1731Perspective floor gridBackgroundsA grid plane tilted away from the camera so it recedes to a horizon and slides toward the viewer on a seamless one-cell loop.