Backgrounds

Blinking grid pattern

A hairline square grid where scattered cells fade up and back down, each hopping to a fresh cell when its blink ends.

Fleet status

1,204 nodes checked in this minute

Each cell drifts to a new coordinate the moment its blink ends, so the board never repeats a beat.

50 cells live4.0s cycle40px gridsolid lines

Using Blinking grid pattern

A hairline square grid where scattered cells fade up and back down, each hopping to a fresh cell when its blink ends.

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: cellSize, litCells, accent, maxOpacity, duration, dashed

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

1702Graph paper gridBackgroundsA repeating grid of hairlines that tiles across its container, fading toward the edges, with a small cluster of cells that light to an accent color and drain away again.

1706Hex cell gridBackgroundsA honeycomb of clipped hexagon cells that light under the pointer and cool back down, leaving a fading trail.

1681Cursor trail gridBackgroundsA grid of outlined cells that snap lit under the pointer and cool slowly once it moves on, leaving a fading trail.

1683Diagonal Hatch FieldBackgroundsA repeating field of parallel diagonal hairlines that tiles seamlessly across a container and can slant either way.

1708Honeycomb latticeBackgroundsA honeycomb of outlined hexagons tiling a container, with shared edges drawn only once so every seam stays a single hairline.

1737Pulsing Dot FieldBackgroundsA tiled lattice of tiny dots that fills its container, each one breathing brighter and dimmer on its own independent cycle.