Liquid Glass Playground

Dial in the header lens.

This page now uses the live-DOM displacement method from `liquid-glass-web-react`: the browser-painted scroll area is filtered directly, while the pill chrome sits above it.

HOOX Download

Scroll the live content underneath the fixed glass pill to test refraction.

Displacement map

R/G vector field
Generated displacement map

Mask/specular map

blue + alpha
Generated highlight map

Export preset

 

Waiting for filter...