Backgrounds

Honeycomb lattice

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

Sensor mesh

212 hex cells reporting across the apiary

A cell lights for the hour after its sensor checks in.

flat orientation34px radius6 live

Using Honeycomb lattice

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

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: radius, gap, orientation, litCells, accentColor

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

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

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

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

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

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.

2222Scrolling tile latticeBackgroundsAn endless outlined lattice that scrolls in one direction, filling the cells under the pointer and letting them fade out behind it.