Backgrounds

Light column beam

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

Cue 12

Center wash, house left

Locked to center, swaying on its own.

Using Light column beam

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

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: topColor, bottomColor, intensity, width, rotationSpeed, followPointer

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

1688Drifting Light BeamsBackgroundsTall tilted bars of light drift upward at different speeds and blur together into a slowly shifting haze.

1714Light Beam FlareBackgroundsA narrow beam falls from the top of a dark stage into a wide horizontal flare, with drifting haze and a beam that leans toward the pointer.

1992Light cone beamBackgroundsA grainy wedge of light flares up from a hot line at the foot of the frame, turning slowly so its edges catch different colors.

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.

2015Plasma plumeBackgroundsA tall column of luminous vapor that rises, folds over on itself and thins toward the top, tinted to a single color over near black.

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.