nowfound

Work · July 2, 2025

CSS generator for a high-def glass effect

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

CSS generator for a high-def glass effect launched on July 2, 2025 with 420 votes, #51 of 9,224 launches that month and more than 99% of that year's launches. The site was still online in September 2026, 1 year on.

Visit glass3d.dev ↗Alternativestop 1% of July 2025

In plain words

This CSS generator creates high-definition glass effect components for web design. It produces glassmorphism styles with adjustable blur, brightness, saturation, subtle textures, and faux 3D bevels using layered CSS properties and pseudo-elements. Built through months of experimentation, it prioritizes cross-browser compatibility while addressing visual issues like color bleeding and specular highlight mudding. The tool is designed for accent elements rather than wide desktop components and works best with recent versions of Chrome.

written from the facts on this page · September 2026

From the sources

A modern 3d glassmorphism generator

In the maker’s words, at launch

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…

Does a similar job

all alternatives →

More work this month

the category →

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, July 2025

the whole month →
  • Clueso▲1,300

    Create stunning product videos in minutes with AI

    AI · 2025 · clueso.io

  • Trickle - Magic Canvas ▲1,064

    Hey HN! Introducing Trickle Magic Canvas: the world’s first Agentic Canvas, where you can visually co-create apps and websites with AI, from idea to production. Why is a canvas better? Most AI tools today rely on linear chats or text prompts. We believe that limits creativity and clarity. Canvas changes the game. 1. Every version & page at a glance. Each page and sub-page lives on a timeline. You can quickly browse, edit, and preview progress like a living, visual document — no more digging through chat logs or scattered states. 2. The canvas is the context. Unlike linear chats, you can…

    AI · 2025 · trickle.so

  • TB
    Tinder but it's only pictures of my wife and I can only swipe right▲1,030

    Life & fun · 2025 · trytender.app

  • Ten years of running every day, visualized▲958

    Today marks ten years, 3653 consecutive days, of running at least one mile every day under the USRSA rules [1]. To celebrate, I built an interactive dashboard that turns a decade of GPX files into charts you can explore. Running has truly changed my life: I've made lifelong friends, explored beautiful places, and more importantly invested into my own health and fitness, which I'm starting to see the positive benefits as I get older. The stack is pretty simple: a NextJS app, with a Postgres database to keep all my running data, and all the stats are pre-computed and cached in Redis, so I…

    Dev tools · 2025 · nodaysoff.run

  • Draw a fish and watch it swim with the others▲935

    Made this website as an exercise in vibe-coding and GCP. It was posted about a few times around the internet, on sites like Morning Brew (https://www.morningbrew.com/issues/business-buzzkill), MetaFilter (https://www.metafilter.com/209703/Draw-A-Fish), boingboing.net, etc. I think it's cute! I built a basic CNN trained against penises and swastikas, and then anything that doesn't hit the 63% confidence score gets sent to a mod queue, a vibe-coded fish-tinder…

    AI · 2025 · drawafish.com

  • Use Their ID – Use your local UK MP’s ID for the Online Safety Act▲862

    Hi HN - I made a site that takes a UK postcode, grabs the local MP's information and generates an AI mockup of what their ID might look like. It's a small, silly protest at the stupidity of the Online Safety Act that just came into force. edit - My open AI credits got hugged to death, please use a known postcode (like one from Kier Starmer's constituency, WC2B6NH) in the meantime.

    AI · 2025 · use-their-id.com