Liquid Glass. For the web.
Open-source glass in one dependency-free HTML file. A WebGL shader that bends light like real glass (centre card), plus CSS glassmorphism recipes for every other frame on this page. Tune optics, shape and blur live, bottom right.
backdrop-filter WebGL refraction 0 dependencies MITLiquid Glass
This slab is a shader. Drop your own content in the div and the glass follows it.
2
Techniques
1
HTML file
0
Dependencies
Media frame
Glass Echoes
Aurora Noir
Control frame
Wi-Fi
Focus
Brightness