Liquid Glass CSS Generator

What it does

Free tool that bends the page behind your element in real time using backdrop-filter and SVG feDisplacementMap. The distortion follows the scroll. Copy ready-to-paste HTML/CSS for liquid glass buttons and cards.

• CG
  CSS generator for a high-def glass effect2025 · glass3d.dev · ▲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: *…

• 
  Glass UI Generator2021 · ▲473

  CSS generator for glassmorphism

• 
  Glassmorphism CSS Generator2021 · ▲187

  Generate the CSS for frosted glass effect for free.

• 
  Liquid Glassifier2025 · ▲230

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

• 
  Wave Generator2024 · ▲156

  CSS clip path for containers

• IM
  I made a drag and drop CSS grid generator2024 · cssgridgenerator.io · ▲262

• 
  Dograh▲592

  The open source VAPI alternative

  Dev tools · 25d ago · dograh.com

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 20d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 11d ago · x1.new

• 
  Computable GPU Index (CGI)▲424

  The first open-source price index for GPU compute

  Dev tools · 10d ago · getcomputable.com

• 
  Open-Source eInk Bike Computer▲402

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 2d ago · opentrailpaper.com

• 
  The GTM Co-Founder▲402

  Open-source GTM skills for technical founders

  Dev tools · 29d ago · gtmcofounder.com

• 
  Fundraisly▲1,544

  AI fundraising agent that finds investors and books meetings

  AI · Jun 2026 · fundraisly.com

• H6
  Homebrew 6.0.0▲1,481

  Today, I’m proud to announce Homebrew 6.0.0. The most significant changes since 5.1.0 are a new tap trust security mechanism, the new faster, smaller, default internal Homebrew JSON API, sandboxing on Linux, better defaults informed by our user survey, many brew bundle improvements, improved performance and initial support for macOS 27 (Golden Gate). Happy to discuss any questions here!

  Dev tools · Jun 2026 · brew.sh

• PU
  Performative-UI – A react component library of design tropes▲1,181

  hope you enjoy

  Life & fun · Jun 2026 · vorpus.github.io

• 
  Upstream▲977

  The inbox designed for humans and agents

  AI · Jun 2026 · upstream.do

• 
  Goldfish▲962

  Press Option. It knows your work and replies like you

  AI · Jun 2026 · goldfish.sh

• IM
  I made Google Trends for Hacker News by indexing 18 years of comments▲822

  Life & fun · Jun 2026 · hackernewstrends.com