Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Beer CSS – Build material design in record time

beercss.com

Post reply on HN
Print view View original

1–10 of 69 posts

Re: Beer CSS – Build material design in record time

#2

Post by ghrl »

Beer CSS is great. I've used it for multiple simple projects and it provides a great DX with the clean html code and the many snippets on the official website. The only downside is that LLMs are quite bad at working with it from my experience, maybe it's just too simple for them..

Re: Beer CSS – Build material design in record time

#3

Post by gr4vityWall »

Wasn't familiar with it, looks interesting.

Some animations are painfully slow, though. After opening a menu[0], it takes a long time to close once you click outside.

How well does it work without JS? I assume that's how the ripple effect is implemented.

[0] - https://www.beercss.com/#:~:text=Menus,-code

Edit: they have documented what works and what doesn't with JS disabled here : https://github.com/beercss/beercss/blob/main/docs/JAVASCRIPT...

That file hasn't been updated in a while. Not sure if nothing has changed since then, or if it's outdated.

Re: Beer CSS – Build material design in record time

#7

Post by promiseofbeans »

zsoltkacsandi wrote: post #5

This is a great project, but material design was the worst thing that Google invented and implemented. Completely tasteless, visually unappealing. Would be nice to see such a project with anything else than material design.

And worth noting that this mostly implements the newer version of material design (M3). However, M3 was a lot more focused on shapes besides just circles and rectangles, but they don’t seem to have quite gotten that here

Re: Beer CSS – Build material design in record time

#8

Post by doodlesdev »

I'm impressed that, in the meanwhile, Google has already thrown into the grave not one, but two different implementations of Material Design in the web: Material Design Lite [0] and Material Components for the Web [1], bot of which never managed to actually be competitive UI libraries.

edit: Actually, they've thrown a total of _three_ implementations into the grave, as MWC is in maintenance mode already [2].

[0]: https://github.com/google/material-design-lite

[1]: https://github.com/material-components/material-components-w...

[2]: https://github.com/material-components/material-web/discussi...

Re: Beer CSS – Build material design in record time

#9

Post by hmokiguess »

zsoltkacsandi wrote: post #5

This is a great project, but material design was the worst thing that Google invented and implemented. Completely tasteless, visually unappealing. Would be nice to see such a project with anything else than material design.

Thank you, I could not agree more. Material design is awful.
Post reply on HN