Beer CSS – Build material design in record time

Posted by Seb-C 9 hours ago

Beer CSS – Build material design in record time(www.beercss.com)

98 points | 44 commentspage 2

singpolyma3 4 hours ago|

It looks ok, menu acted a bit janky on iPhone.

Not sure pros/cons vs MUI?

robviren 6 hours ago||

Extended FAB not rendering correctly for Firefox on mobile from what I can see.

IceDane 4 hours ago||

If the goal is to convince me not to use this: mission accomplished. This looks awful on mobile.

isleyaardvark 1 hour ago|

It looks terrible on desktop too.

1f60c 6 hours ago||

Reminds me of https://getmdl.io (RIP :()

lytedev 2 hours ago||

Am I the only one that dislikes using the <i> element for icons? Isn't that semantically incorrect?

basilikum 6 hours ago||

Why is there so much empty space under the yellow header?

drabbiticus 5 hours ago|

Because they were more focused on the stills than the movie.

IOW, a screenshot when you scroll it to the "right" spot looks clean and balanced. Personally, I think it's a bad UX decision, but also easy to scroll past once you know.

efilife 3 hours ago||

Buttons (and their children) randomly change their border radius when clicked. This project looks as unappealing as it has a year ago

miohtama 5 hours ago||

I like the name more than Tailwinds

wildrhythms 4 hours ago|

I don't see how this is related in any way to Tailwind or atomic css

thi2 2 hours ago||

The site is a terrible experience on mobile, not good for a first impression

RamblingCTO 2 hours ago|

can we finally let material die? it's the absolute worst UI system

qingcharles 1 hour ago|

I have the opposite view. I think M3 Expressive is actually one of the best baseline UI standards I've seen.

They are clean and well-designed if implemented correctly:

https://m3.material.io/components/all-buttons

More comments...