Dev tools · alternatives · 2026
24 alternatives to Liquid Glass CSS Generator
Apple-style liquid glass effect for iphone
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Bring liquid glass to your site with a single copy-paste
2025 · glass.danilofiumi.com · its alternatives →
- 2
- 3
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 →
- 4
Generate the CSS for frosted glass effect for free.
2021 · hype4.academy · its alternatives →
- 5
100 FREE icons in Apple's new Liquid Glass style
2025 · icons8.com · its alternatives →
- 6
Create stunning, transparent UI designs in seconds
2023 · its alternatives →
- 7
Pixel perfect Apple Liquid Glass effect on the Web.
Apr 2026 · liquid-glass.ybouane.com · its alternatives →
- 8
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 →
- 9
Create Apple-like Liquid Glass effects directly in Figma
2025 · figma.com · its alternatives →
- 10
10 simple Apple Liquid Glass effect with pure HTML/CSS/JS
2025 · snipzy.dev · its alternatives →
- 11
Scroll-following live glass refraction with pure CS
Jun 2026 · codequest.work · its alternatives →
- 12
Aether CSS▲10Free Liquid Glass, Glassmorphism & Neumorphism CSS Generator
2025 · aethercss.lovable.app · its alternatives →
- 13
Find Best iOS 26 Liquid Glass Design
2025 · liquidglassdesign.com · its alternatives →
- 14
Support for Liquid Glass UI components on iOS 26
2025 · uiplayground.app · its alternatives →
- 15
A collection of 40 iPhone 3d mockups for your iOS products✌️
2020 · uiuxjobsboard.com · its alternatives →
- 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 · its alternatives →
- 17
Fluid iOS Kit▲152A free design kit from Framer with customizable elements
2018 · framer.com · its alternatives →
- 18
Adobe Color CC▲117Generate color palettes from photos on your iPhone.
2014 · adobe.com · its alternatives →
- 19
Liquid Math▲78Create generative art with biological simulations
2022 · apps.apple.com · its alternatives →
- 20
A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css
2019 · github.com · its alternatives →
- 21
- 22
Super fast color schemes generator for cool designers
2015 · coolors.co · its alternatives →
- 23
- 24
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 →