Alternatives

Products that do what Liquid Glass CSS Generator does

Scroll-following live glass refraction with pure CS

1. 1CG
   CSS generator for a high-def glass effect▲420

   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

2. 2
   Glass UI Generator▲473

   CSS generator for glassmorphism

   2021

3. 3
   Glassmorphism CSS Generator▲187

   Generate the CSS for frosted glass effect for free.

   2021

4. 4
   Liquid Glassifier▲230

   Bring liquid glass to your site with a single copy-paste

   2025

5. 5
   Wave Generator▲156

   CSS clip path for containers

   2024

6. 6IM
   I made a drag and drop CSS grid generator▲262

   2024 · cssgridgenerator.io

7. 7
   Liquid Wave▲251

   Gradients to decor your info, product & marketing visuals

   2022

8. 8DA
   Dropflow, a CSS layout engine for node or <canvas>▲404

   For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https:&#x2F;&#x2F;chearon.github.io&#x2F;dropflow&#x2F; 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

9. 9WC
   Water.css – A just-add-css collection of styles to make websites nicer▲501

   2019 · github.com

10. 103B
    3D Book Image CSS Generator▲638

    2020 · 3d-book-css.netlify.app

11. 11
    Simple Grid▲229

    Responsive & lightweight CSS grid for your website.

    2016

12. 12AS
    A simple lightweight CSS grid, not a bloated framework▲134

    2012 · thisisdallas.github.com

13. 13
    Aether CSS▲4

    Free Liquid Glass, Glassmorphism & Neumorphism CSS Generator

    Jan 2026

14. 14
    LiquidGlass▲7

    Pixel perfect Apple Liquid Glass effect on the Web.

    Apr 2026 · liquid-glass.ybouane.com

15. 15CG
    CSS Grid Playground in Webflow▲65

    2018 · webflow.com

16. 16HC
    Hint.css v2.0 – Pure CSS tooltip library▲253

    2016 · kushagragour.in

17. 17
    Svg Wave▲210

    A customizable gradient svg wave generators for UI Designs.

    2020

18. 18CC
    Chartss.css – accessible HTML/CSS charts with markdown support▲265

    2020 · rbitr.github.io

19. 19
    Tailwind CSS Gradient Generator▲110

    Awesome open-source gradient tool for web designers

    2022

20. 20
    Layer CSS▲152

    Lightweight CSS framework to build your own fluid layouts

    2015

21. 21
    Animate.css▲191

    Just-add-water CSS animations

    2014

22. 22
    ffflux▲118

    SVG generator for fluid gradient backgrounds

    2021

23. 23
    Grid Layout Builder by Webflow▲194

    A completely visual way to build CSS grid–powered layouts

    2018

24. 24
    Stitches▲135

    A template generator with functional CSS

    2018

Ranked by how close each launch is in meaning, then by votes. Refine with a description →