Liquid glass material lab

LIGHT
THROUGH
LAYERS

Drag the pane. Arrow keys move the focused pane; Shift moves faster, Home resets it.

This liquid glass material lab uses the site's real WebGL shader. Its canvas backdrop replaces DOM capture. The label above it stays live HTML.

Border radius48 pxColor amount18.8%Glass color#4F4F4FBlur0Distortion4Chromatic aberration0.4Z-axis radius60 px

Advanced material settings

Glass surfaceCaptured text in the backdrop

Local material: 18.8% color, distortion 4, chromatic aberration 0.4, rim softness 6 px.

Interactive WebGL lab loads when nearby. Enable JavaScript to change these settings.