Light, through a different lens.
A ribbed glass background with soft refraction and studio color. Explore Glass Flutes, tune its surface, and export a React component with raw WGSL.
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 Glass Flutes.
Glass Flutes bends a procedural color scene through cylindrical ribs. Refraction, dispersion, edge light and a small symmetric frost filter shape its glass character. Pointer movement gently shifts the local color field behind the glass, while flute geometry and surface lighting stay fixed.
This version refracts its own generated backdrop. It is not a CSS backdrop-filter and cannot blur live page content or an uploaded photograph.
7.799 ms GPU timestamp median; p95 8.847 ms. 1440x900 @ dpr 2; Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-09-05. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.
Flutes
Number of flutes across the surface.
Glass thickness
How far the cylinder bends what is behind it.
Refraction
Zero flattens the wall into a plain backdrop.
Dispersion
Per-channel offset — the colour fringing along the steepest parts.
Color Looks preserve these settings. Open the editor for all 14 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.
Frame an architecture studio introduction with vertical rhythm. Place a compact editorial headline on the left, leaving the longest ribs visible to the right.
softened light.
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.