Backgrounds

Corner light rays

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

Doors open at dusk

Two skies, one horizon

Warm and cool fronts sweep in from the same corner, never quite in sync.

Using Corner light rays

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

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, origin, spread, speed, intensity

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

1750Spotlight shaftsBackgroundsShafts of light fan out from a point on one edge of the frame, breathing in and out and steering 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.

1726Overhead light raysBackgroundsSoft tapered beams hang from above a panel, each fading in and out and rocking gently on its own cycle so the group never pulses together.

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.