Beer CSS is a lightweight CSS framework for building Material Design 3 interfaces with semantic HTML. It offers a class-light approach that works with any JavaScript framework without requiring build tools or configuration.
This is free and open source software.
Key Features
- Based on Material Design 3, including Material 3 Expressive.
- Uses semantic HTML with a class-light approach.
- Offers a broad collection of interface elements, including cards, dialogs, menus, navigation bars, forms, tabs, tables and tooltips.
- Provides responsive layouts and grid helpers.
- Supports light and dark themes.
- Offers default, scoped and custom element versions.
- Works with any JavaScript framework.
- Requires no build steps or configuration.
- Supports right-to-left layouts.
- Can be installed with npm, loaded from a CDN or hosted locally.
Website: github.com/beercss/beercss
Support:
Developer: Everton and Leonardo
License: MIT License
Beer CSS is written in CSS, JavaScript and TypeScript. Learn CSS with our recommended free books and free tutorials. Learn TypeScript with our recommended free books and free tutorials. Learn JavaScript with our recommended free books and free tutorials.
Related Software
| CSS Front-end Frameworks | |
|---|---|
| Tailwind CSS | Utility-first CSS framework for rapidly building custom user interfaces |
| Bulma | Modern CSS framework that just works |
| Foundation | Advanced responsive front-end framework |
| Bootstrap | Sleek, intuitive, and powerful mobile front-end framework |
| Ulkit | Lightweight and modular front-end framework |
| Primer | GitHub’s design system |
| Cirrus | SCSS framework for the modern web |
| Fomantic-UI | Community fork of Semantic-UI |
| Vanilla | Extensible CSS framework, built using Sass |
| Materialize | Modern responsive front-end framework based on Material Design |
| Blaze | Framework-free UI toolkit |
Read our verdict in the software roundup.
 Explore our comprehensive directory of recommended free and open source software. Our carefully curated collection spans every major software category.This directory is part of our ongoing series of informative articles for Linux enthusiasts. It features hundreds of detailed reviews, along with open source alternatives to proprietary solutions from major corporations such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk. You’ll also find interesting projects to try, hardware coverage, free programming books and tutorials, and much more. Discovered a useful open source Linux program that we haven’t covered yet? Let us know by completing this form. |
Please read our Comment Policy before commenting.