Alternatives
Products that do what LiquidGlass does
Pixel perfect Apple Liquid Glass effect on the Web.
- 1
- 2
- 3AS
When Apple introduced its “Liquid Glass” design language at WWDC 2025, I wanted to bring that look to the web. liquid-glass-svelte is a lightweight component that lets you drop the same translucent, refractive panels into any Svelte project. Works where backdrop-filter and mask compositing are supported. Install from npm, import the component, and wrap any content to get the effect. The full source are on GitHub. GitHub: https://github.com/Tozaburo/liquid-glass-svelte I would love to hear your thoughts on this! Thanks for taking a look!
2025 · npmjs.com
- 4CG
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
- 5
- 6
Scroll-following live glass refraction with pure CS
Jun 2026 · codequest.work
- 7
Real liquid glass on the web — one WebGL2 shader, no deps.
3d ago · liquidglass.miftahulislamefaz.xyz
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16EE
I wanted Apple Vision Pros, but I don’t have $3,500 in my back pocket. So I made Apple Vision Pros at home. This was just a fun little project I made. Currently, the website doesn't work on screens less than 1200x728 (Sorry mobile users!) It also might struggle on lower end devices. For best results, have a webcam pointing right at you. I tested my website with a MacBook camera. Any comments, questions, or suggestions are greatly appreciated! blog: https://blog.andykhau.com/blog/eyesite check it out: https://eyesite.andykhau.com/ github:…
2025 · blog.andykhau.com
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24IE
2016 · bennettfeely.com
Ranked by how close each launch is in meaning, then by votes. Refine with a description →