Clear a little space.
A WebGPU misted glass surface with fine droplets and a fading wipe interaction. Move across the glass to reveal the scene beneath.
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 Dew Glass.
Dew Glass remembers where you moved. A persistent mask clears condensation along your path, then gradually refogs. Heavy drops collect nearby beads on contact, grow and ease toward their combined center before continuing down the pane. Wet tracks gently guide following drops. Cached sharp and blurred scene textures keep background preparation out of the animation loop. Choose Botanical Window, distant Bare Branches, or your own photograph. Autumn Mist and Winter Haze offer warm and cool color palettes without changing the scene.
An art-directed screen-space condensation effect, not a thermodynamic or full rainfall simulation. It does not read the DOM. A bounded population approximates gravity, pinning, viscous drag and volume-conserving contact merges; it does not solve a full fluid surface. This local multi-pass prototype is preview-only; its display WGSL is not a standalone Export Kit.
4.227 ms wall-clock median; p95 4.812 ms. 1440x900 @ dpr 1.5; Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-09-13. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.
Background source
What sits behind the glass: the studio, bare branches or your own image.
Image focal point
Which part of your image stays in view when it is cropped to fit.
Image influence
One preserves the source image under the glass. Lower values blend in the botanical scene.
Condensation
Mist coverage. Zero removes the mist; droplets have their own control.
Color Looks preserve these settings. Open the editor for all 16 controls.
THE SURFACE IN CONTEXT
Made for a real interface.
Use the glass as a quiet reveal for botanical campaigns, product imagery or an atmospheric portfolio. The image behind the glass stays the same as you wipe. Keep headings and navigation in HTML; essential information should never depend on clearing the mist.
An imagined botanical campaign
A quieter kind of clarity.
Fine water, diffused light, and a moment of clarity beneath the surface.
An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.
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 shadersA 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.