Light, held in liquid form.
An interactive liquid glass orb with soft deformation, spectral edges and studio reflections. Shape its light, refraction and palette in the WebGPU editor.
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.
THE SYSTEM BEHIND THE SURFACE
Inside Liquid Orb.
Crystal, Pigment and Opal are separate material variants. Pigment carries three curling paint plumes inside refractive glass: front and rear layers occlude naturally, with clear spaces between them. The pointer locally stirs the interior; Crystal and Opal retain their own material character. Astro adds a dark, slowly rotating interior with depth-layered stars and translucent clouds, behind the same glass shell.
The interior is a procedural 3D flow, not a persistent fluid simulation or a mouse-painting canvas. Refraction samples a procedural studio, not arbitrary DOM content or an uploaded HDR environment.
No published timing sample. Profile this effect on your target devices.
Variant
What fills the orb: clear crystal, curling pigment, opal, or a star-filled interior.
Orb size
Size of the orb.
Position
Adjust position in the editor. The default is [0.5,0.5].
Glass IOR
How strongly the glass bends the studio behind it.
Color Looks preserve these settings. Open the editor for all 22 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 shadersTHE SURFACE IN CONTEXT
Made for a real interface.
Give an audio product, digital companion or design-studio introduction a single memorable object. Keep interface labels in HTML and let the open side of the hero frame the glass, rather than filling it with extra decoration.
An object for your quiet hours
Small object. Infinite presence.
A listening space with room to breathe. Considered materials, an uncomplicated interface and a little light in the everyday.
An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.
A FEW USEFUL DETAILS
Before you ship.
What this surface does, where it fits, and where it stops.
ANOTHER WAY TO SEE IT
Keep exploring.
YOUR COLORS. YOUR CONTEXT.