Dev tools · alternatives · 2026
24 alternatives to Liquid Glass
Real liquid glass on the web — one WebGL2 shader, no deps.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Liquid Metal▲316Paper is a new design tool. We launched into open alpha today. Anyone can now sign up and use Paper. We started Paper about 1 year ago with the goal to bring more creativity back into design tools. It feels like the existing options are becoming increasingly corporate. To celebrate to launch, we published a new shader that lets anyone see their logo in Apple's new heat map animation style. There is no sign-up needed at heat.paper.design. We're always looking for feedback from anyone who uses Sketch, Figma, Photoshop, or Illustrator, about what they most need in their professional design…
2025 · app.paper.design · its alternatives →
- 2
Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…
2024 · 5-million-devs.netlify.com · its alternatives →
- 3
Pixel perfect Apple Liquid Glass effect on the Web.
Apr 2026 · liquid-glass.ybouane.com · its alternatives →
- 4
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
- 5
Create Apple-like Liquid Glass effects directly in Figma
2025 · figma.com · its alternatives →
- 6RT
2023 · antimatter15.com · its alternatives →
- 7
Bring liquid glass to your site with a single copy-paste
2025 · glass.danilofiumi.com · its alternatives →
- 8
Create beautiful moving gradients on Framer and Figma
2023 · shadergradient.co · its alternatives →
- 9
Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
2024 · repaint.com · its alternatives →
- 10
Fluido▲138Turn any Figma shape into liquid metal in one click
Jun 2026 · figma.com · its alternatives →
- 11
Design and deploy your web app without code
2020 · bubble.io · its alternatives →
- 12
- 13
- 14
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own. [1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY
Apr 2026 · static.laszlokorte.de · its alternatives →
- 15TCtextshader.com▲260
TLDR: Click the link to see some cool visualizations, refresh a few times for random examples, and try editing some of the code yourself. This is a small weekend project of mine inspired by shadertoy.com It's a static single-page site hosted on GitHub pages so the website design is pretty barebones. I'm not a web developer so I mainly wanted to create a Cool Thing with my free time and not have to learn tons of front-end to do it. I'd love to hear what people think about it and please post or send me any shaders you make! You can use the link button in the bottom right to share. I hope that…
2022 · textshader.com · its alternatives →
- 16PW
2021 · observablehq.com · its alternatives →
- 17
Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.
2018 · shadergif.com · its alternatives →
- 18SL
Create, stack, and animate shader effects on images, video, text, and 3D models — free, in your browser, powered by WebGPU. Export video, publish to the community gallery, and remix any published scene.
Apr 2026 · eng.basement.studio · its alternatives →
- 19
Scroll-following live glass refraction with pure CS
Jun 2026 · codequest.work · its alternatives →
- 20AS
2016 · erkaman.github.io · its alternatives →
- 21
Paint living shader effects onto any photo or AI art
Aug 2026 · addifect.com · its alternatives →
- 22
Generate the CSS for frosted glass effect for free.
2021 · hype4.academy · its alternatives →
- 23
Create stunning, transparent UI designs in seconds
2023 · its alternatives →
- 24
Compare Figma designs with your build using browser overlays
2020 · figma.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →