Dev tools · alternatives · 2026
24 alternatives to Liquid Glass CSS Generator
Scroll-following live glass refraction with pure CS
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
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 →
- 2
- 3
Create stunning, transparent UI designs in seconds
2023 · its alternatives →
- 4
Generate the CSS for frosted glass effect for free.
2021 · hype4.academy · its alternatives →
- 5
Bring liquid glass to your site with a single copy-paste
2025 · glass.danilofiumi.com · its alternatives →
- 6
- 7
Aether CSS▲10Free Liquid Glass, Glassmorphism & Neumorphism CSS Generator
2025 · aethercss.lovable.app · its alternatives →
- 8
Apple-style liquid glass effect for iphone
2025 · liquid-glass.pro · its alternatives →
- 9
- 10
For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com · its alternatives →
- 11
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 →
- 12
A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css
2019 · github.com · its alternatives →
- 13
CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
2024 · cssgridgenerator.io · its alternatives →
- 14
Simple tool to generate css grids
2019 · cssgrid-generator.netlify.com · its alternatives →
- 15
Simple Grid▲229Responsive & lightweight CSS grid for your website.
2016 · simplegrid.io · its alternatives →
- 16
- 17
Pixel perfect Apple Liquid Glass effect on the Web.
Apr 2026 · liquid-glass.ybouane.com · its alternatives →
- 18
Svg Wave▲210A customizable gradient svg wave generators for UI Designs.
2020 · svgwave.in · its alternatives →
- 19
Awesome open-source gradient tool for web designers
2022 · creative-tim.com · its alternatives →
- 20
Layer CSS▲152Lightweight CSS framework to build your own fluid layouts
2015 · layers-css.vercel.app · its alternatives →
- 21
- 22
- 23
- 24
EnjoyCSS▲138CSS generator for rich graphical styles without coding
2014 · enjoycss.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 →