Liquid Glass

About

Replicate Figma's liquid glass effect directly in the browser. All the same parameters, including depth, dispersion, frost, splay, and refraction, are rendered with WebGL2 for any shape and in every current browser. Drag a shape over any image, adjust the controls, and see the changes instantly. Then click Copy prompt to receive a full brief containing the exact values, shape path, and complete shader code. This can be pasted into any AI assistant to reconstruct the effect on your own site. It requires just one shader, with no framework or dependencies. The tool is free and open source.