This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Liquid Glass
Real liquid glass on the web — one WebGL2 shader, no deps.
Recreate Figma's liquid glass effect on the web. The same controls — depth, dispersion, frost, splay, refraction — rendered in WebGL2, on any shape, in every modern browser. Drag a shape onto any image, tune the sliders, watch it react in real time. Then hit Copy prompt: you get a complete brief — the numbers, the shape path, the full shader pipeline — to paste into any AI assistant and rebuild it on your own site. One shader. No framework, no dependencies. Free and open source.
Hi PH 👋
I kept seeing Figma's Glass effect in design mocks and hitting the same wall: there was no way to actually ship it on the web. CSS blur gets you frosted panels, not refraction.
So I rebuilt the whole thing as a single WebGL2 fragment shader — distance transform, height field, Sobel normals, spectral dispersion. No framework, no dependencies.
The part I'm most proud of: Copy prompt. Tune the glass until it looks right, and it hands you a complete brief — settings, shape path, shader pipeline — that any AI assistant can use to rebuild the exact look on your own site.
Built solo over a lot of late nights. It's free and open source, and it stays that way — a star on GitHub is just how I know it was worth it.
https://github.com/Miftahul-Isla...
About Liquid Glass on Product Hunt
“Real liquid glass on the web — one WebGL2 shader, no deps.”
Liquid Glass was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #31 on the daily leaderboard. Recreate Figma's liquid glass effect on the web. The same controls — depth, dispersion, frost, splay, refraction — rendered in WebGL2, on any shape, in every modern browser. Drag a shape onto any image, tune the sliders, watch it react in real time. Then hit Copy prompt: you get a complete brief — the numbers, the shape path, the full shader pipeline — to paste into any AI assistant and rebuild it on your own site. One shader. No framework, no dependencies. Free and open source.
On the analytics side, Liquid Glass competes within Design Tools, Open Source, Developer Tools and GitHub — topics that collectively have 891.6k followers on Product Hunt. The dashboard above tracks how Liquid Glass performed against the three products that launched closest to it on the same day.
Who hunted Liquid Glass?
Liquid Glass was hunted by Miftahul Islam. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Liquid Glass including community comment highlights and product details, visit the product overview.
Miftahul Islam