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
| Lightweight CSS Frameworks & Boilerplates | |
|---|---|
| HTML5 Boilerplate | HTML5/CSS/JS front-end template |
| Pure | Small, responsive CSS modules |
| Pico | Minimal CSS framework for semantic HTML |
| sakura | Minimal, classless CSS framework / theme |
| MUI | CSS framework that follows Google's Material Design guidelines |
| Beer CSS | Lghtweight CSS framework for building Material Design 3 interfaces |
| Base | Super simple responsive framework |
| Tacit | Primitive CSS framework for dummies |
| chota | Micro (3kb) CSS framework |
| Skeleton | Dead simple, responsive boilerplate |
| Picnic | Lightweight CSS library |
| KNACSS | Simple and lightweight CSS framework |
| Blades | Minimal CSS framework designed for semantic HTML |
| Bullframe CSS | Lightweight framework to build responsive, accessible user interfaces |
Read our verdict in the software roundup.
 Explore our carefully curated directory of recommended free and open source software, covering every major software category.The directory forms part of our extensive collection of articles for Linux enthusiasts. It includes hundreds of detailed reviews, together with free and open source alternatives to proprietary software from companies such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk. LinuxLinks also covers interesting projects worth exploring, Linux-compatible hardware, free programming books and tutorials, and much more. Know a useful free and open source Linux application that we haven’t covered? Tell us about it using our submission form. |
Please read our Comment Policy before commenting.