I built an open source Liquid Glass Generator

After Apple’s recent keynote, a lot of people and brands have started exploring the now famous Liquid Glass Design trend.

Last night I got curious and spent the whole evening researching how this effect works and how to implement it properly.

Once I had enough references, I used v0 to help me build a web page where you can generate your own Liquid Glass effect and copy a CSS approximation of it.

Honestly? It wasn't easy.

To get the effect right you’ll need WebGL. Everything is open source here: [Github Repo](https://github.com/gdjohn4s/liquid-glass-generator?tab=readme-ov-file)