News for hackers. Stuff that matters.
Re:Show HN: CSS generator for a high-def glass effect by swyx on Wednesday July 02, 2025 @01:52PM (#44446758)
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 specifications to quickly design and customize the style properties.

- frosted glass sticky header https://www.joshwcomeau.com/css/backdrop-filter/

- glassy glassmorphism [codepen](https://codepen.io/a-trost/pen/dypQzwq), [in context](https://codepen.io/TurkAysenur/pen/ZEpxeYm)

  ```css
  .blur-and-rotate {
    border-radius: 20px;
    backdrop-filter: blur(20px) hue-rotate(120deg);
    -webkit-backdrop-filter: hue-rotate(120deg);
  }
  ```
Re:Show HN: CSS generator for a high-def glass effect by kris-kay on Wednesday July 02, 2025 @06:12PM (#44449404)
Nice! Spark Joy looks like an awesome resource.
Re:Show HN: CSS generator for a high-def glass effect by leptons on Wednesday July 02, 2025 @06:45PM (#44449630)
Searched for an ASCII Font generator, but didn't see one. Here's one tool I use:

https://patorjk.com/software/taag/#p=testall&f=Graffiti&t=He...

Re:Show HN: CSS generator for a high-def glass effect by swyx on Wednesday July 02, 2025 @06:52PM (#44449679)
added!
Re:Show HN: CSS generator for a high-def glass effect by kris-kay on Wednesday July 02, 2025 @09:19PM (#44450649)
Just saw that you added this project to the spark-joy list. Thanks so much!