Alternatives
Products that do what Liquid Glass CSS Generator does
Apple-style liquid glass effect for iphone
- 1
- 2
- 3CG
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
- 4
- 5
- 6
- 7
- 8
- 9
- 10
10 simple Apple Liquid Glass effect with pure HTML/CSS/JS
2025
- 11
Scroll-following live glass refraction with pure CS
Jun 2026 · codequest.work
- 12
- 13
- 14
Free Liquid Glass, Glassmorphism & Neumorphism CSS Generator
Jan 2026 · aethercss.lovable.app
- 15
- 16AS
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
- 17
- 18
- 19
- 20
- 21IM
2024 · cssgridgenerator.io
- 22
- 23
- 24
Ranked by how close each launch is in meaning, then by votes. Refine with a description →