Alternatives
Products that do what Snipzy Apple Liquid Glass Code Snippets does
10 simple Apple Liquid Glass effect with pure HTML/CSS/JS
- 1
- 2
- 3
- 4
- 5
- 6
- 7AS
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
- 8CG
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
- 9
- 10WC
2019 · github.com
- 11
- 12
- 13
- 14
- 15
- 16
- 17
Scroll-following live glass refraction with pure CS
Jun 2026 · codequest.work
- 18
- 19
- 20
- 21
- 22
- 23
- 24
Ranked by how close each launch is in meaning, then by votes. Refine with a description →