# Beer CSS

9 Hacker News commenters recommended Beer CSS and 16 criticized it, November 2025 to November 2026. It was recommended in 2 of 13 months.

**Verdict:** 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.

## Why people recommend it

- Faithful Material Design 3 look (2 comments): "this is the best looking and practical MD3 CSS I've seen to the time" ([source](https://news.ycombinator.com/item?id=48697682)) "on par with actual Material Design which is all that, and more" ([source](https://news.ycombinator.com/item?id=48698879))
- Polished demo and visual design (2 comments): "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" ([source](https://news.ycombinator.com/item?id=48710400)) "this is the best looking and practical MD3 CSS I've seen to the time" ([source](https://news.ycombinator.com/item?id=48697682))
- Simple for basic projects (2 comments): "Beer CSS is great. I've used it for multiple simple projects and it provides a great DX with the clean html code" ([source](https://news.ycombinator.com/item?id=48697040)) "Perfectly generic for perfectly generic applications, I like it." ([source](https://news.ycombinator.com/item?id=48697948))

## What people warn about

- Poor layout and menus on mobile (6 comments): "menu acted a bit janky on iPhone" ([source](https://news.ycombinator.com/item?id=48698086)) "Extended FAB not rendering correctly for Firefox on mobile from what I can see." ([source](https://news.ycombinator.com/item?id=48697524)) "The site is a terrible experience on mobile, not good for a first impression" ([source](https://news.ycombinator.com/item?id=48699217))
- Misaligned padding and random border changes (2 comments): "vertical and horizontal padding aren't even; some text is a pixel or two offset" ([source](https://news.ycombinator.com/item?id=48721822)) "Buttons (and their children) randomly change their border radius when clicked." ([source](https://news.ycombinator.com/item?id=48698949))

## Alternatives hackers recommend

- [Tailwind CSS](https://hackerapproved.com/p/tailwind-css.md): 387 recommend
- [Bootstrap](https://hackerapproved.com/p/bootstrap.md): 73 recommend
- [98.css](https://hackerapproved.com/p/98-css.md): 42 recommend
- [Oat HTML UI component library](https://hackerapproved.com/p/oat.md): 29 recommend
- [DaisyUI](https://hackerapproved.com/p/daisyui.md): 22 recommend

## Cite as

Hacker Approved, "Beer CSS", https://hackerapproved.com/p/beer-css/ (counts from 1,795,640 Hacker News comments, November 2025 to November 2026).