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).
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...
No comment highlights available yet. Please check back later!
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.
Liquid Glass was featured in Design Tools (262.4k followers), Open Source (68.8k followers), Developer Tools (519k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 170k products, making this a competitive space to launch in.
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.
Want to see how Liquid Glass stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Miftahul Islam