Backgrounds

Branching bolt

A jagged bolt walks down the frame with short forks dying off its sides, flares white on the strike, then fades to an afterimage.

Using Branching bolt

A jagged bolt walks down the frame with short forks dying off its sides, flares white on the strike, then fades to an afterimage.

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: boltColor, strikeInterval, intensity, thickness, branching, clickToStrike

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

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.

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.

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.

1670Bouncing sphere pitBackgroundsA boxed pit of weighty spheres that fall, knock into each other and pile up, scattering whenever the cursor wades through them.

1671Bulging dot fieldBackgroundsA fine grid of dots that swells outward under the cursor like fabric pushed from behind, springing back with one soft overshoot the moment the pointer moves on.