Spectral Ribbons Pro · Coming soon WebGPU shader

Color, with a sense of volume.

Flowing liquid-glass ribbons with refracted studio colors, rounded thickness and gentle pointer lift. Tune glass refraction, dispersion and lighting in WebGPU.

Meet the surface

Part of Aperveil Pro · Coming soon. The live demo, editor and downloads will open in a later release. Free shaders and blocks are available now.

A surface, not a screenshot.

Pro · Coming soonReact exportRaw WGSL

THE SYSTEM BEHIND THE SURFACE

Inside Spectral Ribbons.

Spectral Ribbons gives horizontal wave paths twisted, rounded glass sections. Entry and exit refraction, Fresnel reflection and three RGB optical paths sample a finite procedural studio. Dark transparent-looking regions, broad white reflections and colored edges reveal the thickness. The cursor gently lifts the nearby flow.

This is a bounded analytic 2.5D glass approximation, not a cloth solver, imported 3D mesh or full spectral path tracer. Refraction samples the shader's procedural studio, not live HTML behind the canvas. Ribbons do not collide, cast ray-traced shadows or trace multiple bounces between separate ribbons.

No published timing sample. Profile this effect on your target devices.

Glass refraction

How strongly the glass bends the studio behind it.

Color dispersion

How much the glass splits light into coloured edges.

Studio angle

Turns the studio lights around the ribbons, in degrees.

Ribbons

Number of ribbons.

Color Looks preserve these settings. Open the editor for all 19 controls.

APERVEIL PRO

Coming soon.

This Pro surface's demo, editor and downloads will open in a later release. Free shaders and blocks are available now.

Explore shaders

THE SURFACE IN CONTEXT

Made for a real interface.

Frame a motion studio, experimental brand or creative technology launch with a broad, luminous flow. Keep the layout quiet, give the ribbons room to travel, and use Profile depth to move from a flatter strip to a rounded material.