# Beer CSS

CSS framework based on Material Design 3 that styles semantic HTML elements.


Source: https://findsoftware.frbit.cloud/beercss/
Last reviewed: 2026-10-26
Updated: 2026-10-28
Listed since: 2026-10-26

## Record

### Links

- home: https://www.beercss.com
- repository: https://github.com/beercss/beercss
- docs: https://github.com/beercss/beercss/blob/main/docs/INDEX.md

### Identity

- status: active
- maintainer: Everton and Leonardo
- maintainerType: community
- parent: unknown
- firstRelease: 2020
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: css
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: unknown
- renderingModes: not applicable
- installMethod: cdn, npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 5
- latestReleaseDate: 2026-08-04

### Adoption

- githubStargazers: 2622
- packagistDownloads: not applicable
- npmWeeklyDownloads: 22199
- contributors: 31
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 11
- dependentPackages: 6

### Sources

- urls: https://github.com/beercss/beercss (read 2026-10-26)
- urls: https://github.com/beercss/beercss (read 2026-10-26)
- urls: https://github.com/beercss/beercss/blob/main/README.md (read 2026-10-26)
- firstRelease: https://registry.npmjs.org/beercss (read 2026-10-26)
- maintainer: https://registry.npmjs.org/beercss (read 2026-10-26)
- maintainerType: https://registry.npmjs.org/beercss (read 2026-10-26)
- language: https://github.com/beercss/beercss (read 2026-10-26)
- category: https://github.com/beercss/beercss/blob/main/README.md (read 2026-10-26)
- installMethod: https://github.com/beercss/beercss/blob/main/README.md (read 2026-10-26)
- license: https://github.com/beercss/beercss (read 2026-10-26)
- licenseModel: https://github.com/beercss/beercss (read 2026-10-26)
- currentMajor: https://github.com/beercss/beercss/releases/tag/v5.0.3 (read 2026-10-26)
- latestReleaseDate: https://registry.npmjs.org/beercss (read 2026-10-26)
- githubStargazers: https://github.com/beercss/beercss (read 2026-10-26)
- contributors: https://github.com/beercss/beercss (read 2026-10-26)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/beercss (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/beercss (read 2026-10-26)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/beercss (read 2026-10-26)

## Notes

Beer CSS is a CSS framework based on Material Design 3. Its README says it translates Material Design to semantic HTML, needs no build step or dependencies, and builds interfaces without custom CSS. It is organized as settings, elements and helpers, documented in markdown files in the repository. The README lists a default stylesheet, a scoped version that applies inside a container, a custom element version and a local copy of the CDN files for projects that host their own files. Its JavaScript file and a separate color package are optional, though some uses require them.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0