Backgrounds

Ribbon light streams

Bundles of hairlines sweep across the dark like ribbons of light, crossing near the middle and bending away from the pointer.

Using Ribbon light streams

Bundles of hairlines sweep across the dark like ribbons of light, crossing near the middle and bending away from the pointer.

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: accent, ribbonCount, lineCount, speed, bendStrength, parallax

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

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.

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.

2181Light ThreadsBackgroundsGlowing filaments fanned out from a single pinch point, braiding as their phases advance and flaring near white where they cross.

2082Warped line flowBackgroundsA frame packed with diagonal hairlines is pushed by a moving warp field, so the lines bunch into bright ridges and splay into black troughs.

2130Contour FieldBackgroundsA full-bleed animated backdrop of nested elevation contours that swell and merge, with the pointer raising a soft bump in the terrain.

1952Drifting particle fieldBackgroundsA slowly tumbling cloud of small round points, each drifting on its own path, with the whole cloud leaning away from the pointer.