Backgrounds

Light cone beam

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

Dome projector

Zenith beam holding at 41 degrees

Turning steadily on its own.

Using Light cone beam

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

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: tint, glow, grain, baseWidth, motion, speed

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

1700Gradient slat spotlightBackgroundsVertical slats hide a colour gradient until a soft spotlight tracks the pointer across them and lights each slat it touches.

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.

2022Radial light burstBackgroundsBlades of light streak out of a dark center, twisting in three dimensions and smeared as if shot on a long exposure.

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.

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