nowfound

Dev tools · June 10, 2021

Glassmorphic CSS Generator

Quickly design and generate glassmorphic-styled CSS rules.

Glassmorphic CSS Generator launched on June 10, 2021 with 3 votes. The site was still online in September 2026, 5 years on.

Visit css.glass ↗Alternatives

What it does

This app helps you quickly generate CSS styles for a glassmorphism-styled UI.

## 👉 _Introducing: [UXCanvas.ai](https://uxcanvas.ai?utm_source=cssglass)_ - The AI-powered UI/UX Design Agent.

Does a similar job

all alternatives →
  • Glass UI Generator2021 · ▲472

    CSS generator for glassmorphism

  • CSS Glassmorphism Generator2023 · ▲77

    Create stunning, transparent UI designs in seconds

  • 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: *…

  • Glassmorphism CSS Generator2021 · hype4.academy · ▲187

    Generate the CSS for frosted glass effect for free.

  • CSS Grid Generator2019 · cssgrid-generator.netlify.com · ▲307

    Simple tool to generate css grids

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

    CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

More dev tools this month

the category →
  • /dev/null▲484

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

    open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, June 2021

the whole month →