For a CSS design site, this looks fairly bad to my eye. I'm not any kind of UX expert, it just looks clunky:
- Lots of text seems slightly offset. It's not all centered within buttons etc.
- The text also doesn't seem to quite line up with the icon on said buttons (it feels relatively a little too high)
- Similarly the text within the little notification popups ("New") isn't centered and hits the top of the outline
- The colours have poor contrast. I don't have any vision impairment but the peach colour doesn't feel distinct enough from the purple/lavender to me. (It's better in light mode when the peach turns to a stronger red).
- On that note, maybe yellow was not the best background for the beer badge when most of the glass is yellow with a bit of white.
I don't know if there's something that makes this render any differently for me than anyone else. I'm using Chrome though so I wouldn't have thought it'd be especially unusual.
show comments
pavlov
For a UI framework landing page, this looks impressively bad on mobile.
Big Arial at random sizes. No margins, no grid, component examples scattered all over the screen.
show comments
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].
Material design looks pretty dated these days. I'm wondering why people would still be using it? Is it just a taste thing or something people have been working with for a long time?
show comments
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.
That file hasn't been updated in a while. Not sure if nothing has changed since then, or if it's outdated.
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..
show comments
cwackerfuss
This is literally AI slop, I’m surprised this hasn’t been mentioned
freetonik
I could never get rid of the feeling that Material design looks like some stylesheets failed to load. It feels unfinished, raw, or temporary.
show comments
zsoltkacsandi
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.
show comments
VladVladikoff
The two times I’ve used material design to help with a UI decision were the multi select and the filterable select where you can type to filter the select list. I don’t see examples of either of those on this page. Perhaps I missed them?
BobbyTables2
With the first project advertised being a Rust implementation of Remote Desktop, I’m really confused what’s going on here.
The whole website feels like a weird hallucination…
show comments
remix2000
I thought I'm the hardest to impress gremlin out there, but despite what the comments here look like, this is the best looking and practical MD3 CSS I've seen to the time. Not fond of promoting ethanol consumption though.
singpolyma3
It looks ok, menu acted a bit janky on iPhone.
Not sure pros/cons vs MUI?
robviren
Extended FAB not rendering correctly for Firefox on mobile from what I can see.
IceDane
If the goal is to convince me not to use this: mission accomplished. This looks awful on mobile.
For a CSS design site, this looks fairly bad to my eye. I'm not any kind of UX expert, it just looks clunky:
- Lots of text seems slightly offset. It's not all centered within buttons etc.
- The text also doesn't seem to quite line up with the icon on said buttons (it feels relatively a little too high)
- Similarly the text within the little notification popups ("New") isn't centered and hits the top of the outline
- The colours have poor contrast. I don't have any vision impairment but the peach colour doesn't feel distinct enough from the purple/lavender to me. (It's better in light mode when the peach turns to a stronger red).
- On that note, maybe yellow was not the best background for the beer badge when most of the glass is yellow with a bit of white.
I don't know if there's something that makes this render any differently for me than anyone else. I'm using Chrome though so I wouldn't have thought it'd be especially unusual.
For a UI framework landing page, this looks impressively bad on mobile.
Big Arial at random sizes. No margins, no grid, component examples scattered all over the screen.
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...
Material design looks pretty dated these days. I'm wondering why people would still be using it? Is it just a taste thing or something people have been working with for a long time?
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.
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..
This is literally AI slop, I’m surprised this hasn’t been mentioned
I could never get rid of the feeling that Material design looks like some stylesheets failed to load. It feels unfinished, raw, or temporary.
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.
The two times I’ve used material design to help with a UI decision were the multi select and the filterable select where you can type to filter the select list. I don’t see examples of either of those on this page. Perhaps I missed them?
With the first project advertised being a Rust implementation of Remote Desktop, I’m really confused what’s going on here.
The whole website feels like a weird hallucination…
I thought I'm the hardest to impress gremlin out there, but despite what the comments here look like, this is the best looking and practical MD3 CSS I've seen to the time. Not fond of promoting ethanol consumption though.
It looks ok, menu acted a bit janky on iPhone.
Not sure pros/cons vs MUI?
Extended FAB not rendering correctly for Firefox on mobile from what I can see.
If the goal is to convince me not to use this: mission accomplished. This looks awful on mobile.
Reminds me of https://getmdl.io (RIP :()
Why is there so much empty space under the yellow header?
I like the name more than Tailwinds
Am I the only one that dislikes using the <i> element for icons? Isn't that semantically incorrect?
Buttons (and their children) randomly change their border radius when clicked. This project looks as unappealing as it has a year ago
I'm with the herd on this one: unless you're looking for a sort of "retro" feel, most designers are not reaching for Material Design.
The site is a terrible experience on mobile, not good for a first impression
Perfectly generic for perfectly generic applications, I like it.
Sorry, but I would never use something like this, it really isn't well put together.
can we finally let material die? it's the absolute worst UI system