Backgrounds

Refractive Glass Panel

A rounded panel whose backdrop bends and splits into faint red, green and blue fringes near its edge, like looking through a real pane of thick glass.

Cabin signal

4.2 Mbps

Uplink steady since departure, forty one minutes ago.

Using Refractive Glass Panel

A rounded panel whose backdrop bends and splits into faint red, green and blue fringes near its edge, like looking through a real pane of thick glass.

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: cornerRadius, refractionStrength, edgeThickness, tintColor

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

1690Film grain overlayBackgroundsA generated fractal grain layer that sits over any panel, tuned from fine dust to coarse tooth without loading a single image.

1665Assistant Ripple GlowBackgroundsA ring shaped ripple washes outward over a duplicate of a panel's own content while its edge lights up for as long as a task is running.

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.

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