Fieldbook
Sign in

Backgrounds

Neon ribbon tubes

Two glowing tubes braid past each other across the frame, ringed with interference bands wherever they cross.

Using Neon ribbon tubes

Two glowing tubes braid past each other across the frame, ringed with interference bands wherever they cross.

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, bend, rotation

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

Aurora band glow
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.
Light Threads
2181Light ThreadsBackgroundsGlowing filaments fanned out from a single pinch point, braiding as their phases advance and flaring near white where they cross.
Liquid metal swirl
1994Liquid metal swirlBackgroundsMolten ribbons wrap around a hot core and fling thin bright filaments outward as the whole mass turns over itself.
Plasma plume
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.
Aurora curtain
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.
Aurora veil
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.