Beercss

github.com/beercss/beercss Web Development Open-source projectOpen source

Build Material Design interfaces with Beer CSS, using its framework source and documentation.

github.com/beercss/beercss
Beercss homepage screenshot

About Beercss

Beer CSS is an MIT-licensed open source CSS framework for building Material Design interfaces. The repository describes it as the first CSS framework based on Material Design 3, and says it maps Material Design to semantic HTML.

The project offers three setup options: a default version that styles the whole document, a scoped version that applies to child elements of an element with the class "beer", and a custom element version that applies to child elements of a beer-css tag. It can be installed through CDN links or npm. The project states that it requires no build steps, configuration, or dependencies. Its size and performance claims, including being about 10 times smaller than other Material Design CSS frameworks, come from the project's own README.

Key features

  • Material Design 3 styling mapped to semantic HTML elements
  • Default version that styles the entire document
  • Scoped version limited to children of a "beer" class element
  • Custom element version limited to children of a beer-css tag
  • Installation through CDN links or npm packages
  • Setup instructions include the material-dynamic-colors companion package
Best for: Web developers who want to build Material Design 3 interfaces with HTML and CSS and minimal setup.
Good for
  • Released under the MIT license and developed as an open source project
  • The project states it requires no build steps, configurations, or dependencies
  • The project states it can be used with any JavaScript framework

Beercss at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Open source
Yes · Source code
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

Beercss alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 18 alternatives

Popular in Web Development

Well-known listings from the same topic.

All 122

Beercss FAQ

Does Beer CSS require a build step?
The project's README states that it has no build steps, configurations, or dependencies.
Can Beer CSS be used with JavaScript frameworks?
The README states that it is ready to use with any JavaScript framework.
How can Beer CSS be installed?
It can be added with CDN links to files hosted on jsDelivr or installed with npm using the beercss package.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing