Backgrounds

Aurora band glow

A soft ribbon of light lying across a dark frame, its edge wandering on layered noise while the color walks along its length.

Fieldnight Radio

Six years of live sets, always playing somewhere

Move the pointer across the band to lean it.

Using Aurora band glow

A soft ribbon of light lying across a dark frame, its edge wandering on layered noise while the color walks along its length.

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, speed, bandHeight, brightness, interactive

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

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.

2152Fanned wave threadsBackgroundsA bundle of hairline threads pinned flat at the left edge, fanning out to the right and waving on a slow noise field.

2004Neon ribbon tubesBackgroundsTwo glowing tubes braid past each other across the frame, ringed with interference bands wherever they cross.

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.

1692Flaming iris eyeBackgroundsA burning iris of radiating filaments around a narrow slit pupil that turns to keep the cursor in view.

1694Flickering square meshBackgroundsA canvas mesh of small squares where random cells jump to a new brightness every frame, giving a restless static that never repeats.