glass3d

Dev tools

css generator

SHOW HN2025

420points
117comments
#106of 3,837 in 2025
Top 3%of 2025 by points

How HN took it

DebatedReal support and real criticism

15 positive, 5 neutral or asking, 3 mixed, 15 critical, out of 38 comments about the project. Thread score +0.04.

Idea: 2 for, 5 againstDesign: 5 for, 2 againstExecution: 2 for, 4 againstPerformance: 2 for, 4 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Looks polished and nice effect

    From 3 comments
    • Really nicely done! It's always surprising to me how often computer graphics isn't "one weird trick" and more like "5 layered tricks." Doing it with cross-browser compat is an…
      mbforbes on HN
    • Wow, that Video tab looks gorgeous. I still don't understand yet how it's actually done.
      tempodox on HN
    • It looks so much better with some texture!
      suralind on HN

Objections

  • Lacks refraction, so it doesn't feel like real glass

    From 2 comments
    • Looks pretty good. But missing out on the refractive aspect of glass takes away the strong visual separation of layers that IMO is Liquid Glass's biggest contribution. Material…
      jauntywundrkind on HN
    • It's a nice effect, but to me this doesn't really feel like glass. I think the most immediate difference is how light has no interaction with the bevels. I also expect some light…
      magic_hamster on HN
  • Blur only uses pixels directly behind the surface

    From 1 comment
    • This suffers from the problem of only blurring using the pixels immediately behind the surface, as demonstrated well in…
      chrismorgan on HN
  • Heavy on performance, scrolling slow on mobile

    From 1 comment
    • That content scrolls quite slow on my phone. Is there another scrolling effect that makes it slower on purpose or it's a side effect of the glass look?
      mikedelfino on HN

Requests

  • Add refractive edge distortion like Liquid Glass

    From 1 comment
    • Looks pretty good. But missing out on the refractive aspect of glass takes away the strong visual separation of layers that IMO is Liquid Glass's biggest contribution. Material…
      jauntywundrkind on HN
  • Add a Tailwind config

    From 1 comment
    • I would suggest adding a Tailwind config too, seeing as it's so prevalent.
      v5v3 on HN
  • Collapsible preview box on mobile

    From 1 comment
    • I might be missing something, but I think this would be a lot more useful to me on mobile if I could hide or collapse the box. Instead, it takes up the entire screen and I can't…
      smeej on HN

Questions

  • Is this new compared to Aero glass or existing glassmorphism?

    From 1 comment
    • Is this considered new design? What is special about it? I don't see much of a difference compared to the Aero glass effect in Windows Vista from 2006. I've also seen it on many…
      elpocko on HN
  • Can the referenced texture image be hosted by users?

    From 1 comment
    • Are users allowed to copy the referenced egg-shell.png and host it themselves or is this connected to some sort of metric you like to gather?
      jand on HN

Alternatives named

  • ui.glass CSS generator

    From 1 comment
    • i collect these! https://github.com/swyxio/spark-joy others - https://ui.glass/generator/ Get started with this free CSS generator based on the glassmorphism design…
      swyx on HN
  • Real-glass JavaScript refraction demo

    From 1 comment
    • I've made a JavaScript version that actually refracts elements on the page, check it out: https://real-glass.vercel.app/
      explosion-s on HN
  • SVG filter glass implementations on CodePen

    From 1 comment
    • I’m confused, but maybe two wrongs here do make a right. Please allow me to explain. Putting aside for the moment that I personally find Apple’s iOS 26 design objectionable[1], I…
      adamschwartz on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/44445238)