nowfound

Dev tools · September 28, 2021

Tailwindcss Glassmorphism Generator

Generate your own glassmorphism for tailwindcss.

Tailwindcss Glassmorphism Generator launched on September 28, 2021 with 14 votes, #1,180 of 2,941 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 5 years on.

Visit tailwindcss-glassmorphism.vercel.app ↗Alternatives

What it does

It will generate the tailwindcss code for glassmorphism. You can also customize the color, backdrop blur and opacity of the glassmorphism.

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.

  • Tailwind Skeleton Generator2024 · ▲142

    Create tailwind loading skeletons from your current code

  • Gradienty2023 · ▲141

    Tailwind gradient generator

More dev tools this month

the category →
  • /dev/null▲482

    a social network for devs

    Dev tools · 2d 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 · 27d 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 · 25d ago · github.com

  • OpenBot▲362

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

    Dev tools · 22d ago · openbot.run

  • Talanoa▲343

    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, September 2021

the whole month →