Backgrounds

Bar wave matrix

A 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.

Using Bar wave matrix

A 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.

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: colorA, colorB, columns, rows, speed, orientation

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

2152Fanned wave threadsBackgroundsA bundle of hairline threads pinned flat at the left edge, fanning out to the right and waving on a slow noise field.

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.

1761Warped tile tunnelBackgroundsA dark backdrop tiled with glowing squares that bulge through a lens, with rings of brightness pushing outward from the center forever.

2110Aurora band glowBackgroundsA soft ribbon of light lying across a dark frame, its edge wandering on layered noise while the color walks along its length.

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.

2004Neon ribbon tubesBackgroundsTwo glowing tubes braid past each other across the frame, ringed with interference bands wherever they cross.