Backgrounds

Perspective floor grid

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

The runway never runs out.

Using Perspective floor grid

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

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: angle, cellSize, speed, lineColor, opacity

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

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.

1666Aurora curtainBackgroundsA soft curtain of light hanging from the top edge, its lower hem rising and falling on a slow noise wave while its color shifts across the width.

1526Aurora veilBackgroundsA full-bleed background of three drifting ribbons of light that add up where they cross, over a dark ground, with a caption layer that stays readable.

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.

1677Concentric pulse ringsBackgroundsA stack of concentric rings behind a caption, each one breathing on a staggered delay so a slow pulse travels outward from the centre.

2130Contour FieldBackgroundsA full-bleed animated backdrop of nested elevation contours that swell and merge, with the pointer raising a soft bump in the terrain.