LiquidGlass WebGL JS Library Demo

Download Back To CSSScript.Com

A WebGL library that applies liquid glass refraction, blur, chromatic aberration, and Fresnel lighting to any HTML element via fragment shaders.

Full scene

Layered glass, draggable panels, and background switching

Waiting

Refracted interface glass Move the floating badges, swap the image layer, and watch the panels redraw over the changed scene.

Refraction0.92

Chromatic edge0.11

Fresnel light1.34

Drag me

Frosted

Dark glass

Live parameters

Shader controls

Adjust the panel

Interaction modes

Button response and dome magnification

Dome bevel mode bends this text like a compact lens. Rounded radius and depth radius match to create a half-sphere surface. Drag the lens over dense letterforms to inspect the refraction.