Backgrounds

Drifting Light Beams

Tall tilted bars of light drift upward at different speeds and blur together into a slowly shifting haze.

Signal, live

Every request, rendered as light

Six regions streaming in, none of them ever standing still.

Using Drifting Light Beams

Tall tilted bars of light drift upward at different speeds and blur together into a slowly shifting haze.

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: beamCount, accent, intensity, speed, blur

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

1716Light column beamBackgroundsA single column of light stands in a dark frame, breathing in width while its inner texture scrolls upward through a two colour grade.

2187Luminous ribbon fieldBackgroundsA canvas backdrop where a few glowing ribbons weave across the frame, tapering to points at both edges and blooming toward white where they cross.

1748Smoke veil driftBackgroundsBroad sheets of colored haze crossing a black field at an angle, thinning and thickening as they slide past each other.

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.

2132Corner light raysBackgroundsWide shafts of light fan in from one corner, two tinted fans crossing at slightly different angles and slowly breathing.