Backgrounds

Backlight Halo

Wraps artwork in a blurred, colour boosted copy of itself so the panel appears to spill its own light onto the surface behind it.

Using Backlight Halo

Wraps artwork in a blurred, colour boosted copy of itself so the panel appears to spill its own light onto the surface behind it.

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: blur, saturation, haloOpacity, accentColor, drift

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

1979Halo ringBackgroundsA glowing ring whose rim wobbles on a drifting noise field while a hot bead runs laps around the inside edge.

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

1994Liquid metal swirlBackgroundsMolten ribbons wrap around a hot core and fling thin bright filaments outward as the whole mass turns over itself.

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.

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

1726Overhead light raysBackgroundsSoft tapered beams hang from above a panel, each fading in and out and rocking gently on its own cycle so the group never pulses together.