Backgrounds

Warp lane streaks

A night road seen from the driver's seat, where two streams of light streaks rush toward and away from a vanishing point and holding the pointer down accelerates everything.

Using Warp lane streaks

A night road seen from the driver's seat, where two streams of light streaks rush toward and away from a vanishing point and holding the pointer down accelerates everything.

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: approachColor, recedeColor, speed, streakCount, curve, boostOnHold

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

1941Comet rainBackgroundsStreaks with bright heads fall from a glowing point near the top and curve outward as they drop, at speeds set by their depth.

1698Funnel vortex backdropBackgroundsA wireframe funnel of shrinking rings and radial spokes pouring into a lit throat, with specks rising back out.

1744Scanning wire gridBackgroundsA fine wire grid in perspective tilts with the pointer while a bright band sweeps across it on a loop, lighting every line it crosses.

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.