CSS Glassmorphism Generator

What it does

Create stunning glass morphic effects for your UI designs effortlessly with our CSS Glassmorphism Generator! Customize blur, transparency, border radius, background image, and card background color with just a few clicks. No coding experience required.

• 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.

• 
  Pixelied Color Palette Generator2024 · ▲259

  Pick, edit & visualize - your free palette generator tool

• 
  CSS Color Gradient Generator2020 · ▲208

  A novel and easy way to design beautiful color gradients.

• 
  Aether CSSSep 2025 · aethercss.lovable.app · ▲10

  Liquid Glass CSS Generator

• 
  Dograh▲592

  The open source VAPI alternative

  Dev tools · 27d ago · dograh.com

• 
  Meridian▲530

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

  Dev tools · 22d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 13d ago · x1.new

• 
  Open-Source eInk Bike Computer▲419

  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 · 4d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 26d ago · nuphos.ai

• 
  Lettertrace▲375

  Track your AI visibility for free (using your own API keys!)

  Dev tools · 27d ago · lettertrace.com

• 
  Sidekick▲1,343

  An AI-powered accessibility assistant in Stark

  AI · 2023 · getstark.co

• BR
  Boring Report, a news app that uses AI to desensationalize the news▲1,166

  In today's world, catchy headlines and articles often distract readers from the facts and relevant information. By utilizing OpenAI's language models, Boring Report processes sensationalist news articles, transforms them into the content you see, and helps readers focus on the essential details. We recently updated our iOS app experience, so any and all feedback would be appreciated. App Link: https://apps.apple.com/us/app/boring-report-news-by-ai/id644...

  AI · 2023 · boringreport.org

• 
  Dora AI (Alpha)▲1,134

  Generating powerful websites, one prompt at a time

  AI · 2023

• 
  Raycast Pro▲955

  Unlock a new level productivity with AI, Cloud Sync and more

  AI · 2023 · raycast.com

• 
  AudioPen▲888

  The easiest way to convert messy thoughts into clear text

  AI · 2023 · audiopen.ai

• 
  Momentum Page▲834

  Launch your website in seconds, get users in minutes

  Dev tools · 2023 · page.mmntm.build