Beer CSS
Ranked 9 of 11 CSS frameworks by recommenders
Free CSS framework that implements Material Design 3 components in plain HTML, praised for a polished look and clean markup. Critics report layout and rendering problems on mobile.
Free CSS framework that implements Material Design 3 components in plain HTML, praised for a polished look and clean markup. Critics report layout and rendering problems on mobile.
25 people gave an opinion
- recommend it
- 9
- criticize it
- 16
- approval share
- 36%
Recommended in 2 of 13 months
- November 2025: not recommended
- December 2025: not recommended
- January 2026: not recommended
- February 2026: recommended
- March 2026: not recommended
- April 2026: not recommended
- May 2026: not recommended
- June 2026: recommended
- July 2026: not recommended
- August 2026: not recommended
- September 2026: not recommended
- October 2026: not recommended
- November 2026: not recommended (month in progress)
Why it doesn’t carry the badge
- 9 people recommend itNeeds 10 or more, not met.
- 0.5 recommenders for every criticNeeds 2 to 1 or better, not met.
- Recommended in 2 of 13 monthsNeeds 4 or more, not met.
The same three rules apply to every product, and the badge can’t be bought. How the badge works
What people say about it
The reasons people give, with the number of comments that give each one. Open a reason to read what they said.
Why people recommend it
Each mark is one comment
Faithful Material Design 3 look
“this is the best looking and practical MD3 CSS I've seen to the time”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” “on par with actual Material Design which is all that, and more”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” Polished demo and visual design
“This is not a landing page. Its a tech demo page. And is very impressive, because they render ALL components and variations in just one page”
Comment from 28 Jun 2026 in “Beer CSS – Build material design in record time” “this is the best looking and practical MD3 CSS I've seen to the time”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” Simple for basic projects
“Beer CSS is great. I've used it for multiple simple projects and it provides a great DX with the clean html code”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” “Perfectly generic for perfectly generic applications, I like it.”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time”
What people warn about
Each mark is one comment
Poor layout and menus on mobile
“menu acted a bit janky on iPhone”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” “Extended FAB not rendering correctly for Firefox on mobile from what I can see.”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” “The site is a terrible experience on mobile, not good for a first impression”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time” - Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time”
- Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time”
- Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time”
Misaligned padding and random border changes
“vertical and horizontal padding aren't even; some text is a pixel or two offset”
Comment from 29 Jun 2026 in “Beer CSS – Build material design in record time” “Buttons (and their children) randomly change their border radius when clicked.”
Comment from 27 Jun 2026 in “Beer CSS – Build material design in record time”
Other CSS frameworks people recommend
The four most recommended other CSS frameworks, with the same counts for each, so you can compare like for like. The tick on each bar marks the 2 to 1 line the badge needs.
| Product | Recommend | Criticize | Approval | Months | Owned | Badge |
|---|---|---|---|---|---|---|
| Tailwind CSS | 387 | 234 | 62% | 12 | 5 yrs6 owners | — |
| Bootstrap | 73 | 40 | 65% | 11 | — | — |
| 98.css | 42 | 4 | 91% | 4 | — | Approved |
| Oat HTML UI component library | 29 | 11 | 73% | 2 | — | — |
| Beer CSSThis page | 9 | 16 | 36% | 2 | — | — |
What people said
All 27 comments that mention it, newest first. Each links to the original comment.
“vertical and horizontal padding aren't even; some text is a pixel or two offset”
“This is not a landing page. Its a tech demo page. And is very impressive, because they render ALL components and variations in just one page”
“The page achieved an almost perfect score on lighthouse and no errors or warnings on W3C HTML validator.”
“This is literally AI slop, I'm surprised this hasn't been mentioned”
“It's definitely slightly outdated, though.”
“It looks terrible on desktop too.”
“Am I the only one that dislikes using the element for icons? Isn't that semantically incorrect?”
“The site is a terrible experience on mobile, not good for a first impression”
“Right, so it's some JS SPA thing as well (of course).”
“Buttons (and their children) randomly change their border radius when clicked.”
“on par with actual Material Design which is all that, and more”
“it really isn't well put together”
“it is a questionable choice for a showcase”
“I only see a blank white page.”
“The whole website feels like a weird hallucination…”
“This looks awful on mobile.”
“The colours have poor contrast.”
“menu acted a bit janky on iPhone”
“Perfectly generic for perfectly generic applications, I like it.”
“The layout options just didn't work on mobile”
“this is the best looking and practical MD3 CSS I've seen to the time”
“Extended FAB not rendering correctly for Firefox on mobile from what I can see.”
“this looks impressively bad on mobile”
“This is a great project, but material design was the worst thing that Google invented and implemented.”
“Some animations are painfully slow, though.”
“Beer CSS is great. I've used it for multiple simple projects and it provides a great DX with the clean html code”
“I'm pretty satisfied with it.”
Counts come from 1,795,640 Hacker News comments, November 2025 to November 2026. How we count. Report a mistake.