A curated list of awesome CSS frameworks.
- Base / Reset / Normalize
- Class-less
- Very Lightweight
- General Purpose
- Material Design
- Utility-based
- Specialized
- Stalled Development
Tools for resetting or normalizing browser styles for a consistent base.
| Framework | Description | Links | Stars |
|---|---|---|---|
| modern-normalize | Normalize browsers' default styles. | 📦 Repo | |
| ress | A modern CSS reset. | 📦 Repo | |
| Natural Selection | A collection of best-practice CSS selectors. | 📦 Repo |
Frameworks that use semantic HTML and do not rely on classes.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| Pico.css | Elegant styles for all native HTML elements, with automatic dark mode. | SCSS | 📝 💻 📦 | |
| MVP.css | A minimalist stylesheet for HTML elements. | CSS | 📝 📦 | |
| sakura | A minimal, classless CSS framework/theme. | SCSS | 💻 📦 | |
| Simple.css | A lightweight, classless CSS framework. | CSS | 📝 💻 📦 | |
| Tacit | A CSS framework for dummies, without classes. | SCSS | 📦 |
Frameworks that are smaller than ~5KB.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| Pure | A set of small, responsive CSS modules for any web project. | CSS | 📝 💻 📦 | |
| Picnic CSS | A lightweight and beautiful CSS library. | SCSS | 📝 💻 📦 | |
| Chota | A really small CSS framework (~3kb). | CSS | 📝 💻 📦 |
Comprehensive frameworks for building a wide variety of websites and applications.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| Bootstrap | The web's most popular framework for responsive, mobile-first projects. | SCSS | 📝 💻 📦 | |
| Bulma | A modern CSS framework based on Flexbox. | Sass | 📝 💻 📦 | |
| Foundation | An advanced responsive front-end framework. | SCSS | 📝 💻 📦 | |
| UIkit | A lightweight and modular front-end framework. | LESS, SCSS | 📝 💻 📦 | |
| Primer | The CSS framework that powers GitHub's front-end design. | SCSS | 📝 📦 | |
| Carbon Components | The component library behind IBM's Carbon Design System. | SCSS | 📝 📦 | |
| U.S. Web Design System | Components used by U.S. federal government websites. | SCSS | 📝 📦 | |
| Fomantic-UI | Build beautiful websites fast with concise HTML and intuitive JS. | LESS | 📝 📦 | |
| Blaze UI | An open-source modular toolkit for building websites quickly. | SCSS | 📝 💻 📦 | |
| Cirrus | A component and utility-centric SCSS framework for rapid prototyping. | CSS | 📝 💻 📦 | |
| Vanilla Framework | A simple, extensible CSS framework from the Canonical Web Team. | SCSS | 📝 💻 📦 | |
| PatternFly | A UI framework for enterprise web applications. | SCSS, LESS | 📝 💻 📦 | |
| Stacks | The UI components used by Stack Overflow. | LESS | 📝 📦 | |
| HiQ | A simple CSS foundation with responsive typography and input styling. | PostCSS | 📝 📦 |
Frameworks that implement Google's Material Design.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| Material Components Web | Modular and customizable Material Design UI components. | SCSS | 📝 💻 📦 | |
| Beer CSS | Build Material Design interfaces in record time without stress. | CSS | 📦 | |
| Materialize | A responsive front-end library based on Google's Material Design. | SCSS | 📝 📦 |
Frameworks that provide low-level utility classes to build custom designs without writing CSS.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| Tailwind CSS | A utility-first CSS framework for rapid UI development. | CSS | 📝 📦 | |
| Open Props | CSS custom properties to accelerate adaptive and consistent design. | CSS, PostCSS | 📝 💻 📦 |
Frameworks designed for a specific purpose or aesthetic.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| NES.css | A NES-style (8-bit) CSS framework. | SCSS | 📝 💻 📦 | |
| 98.css | A CSS library for building interfaces that look like Windows 98. | CSS | 📦 | |
| Tufte CSS | Style your webpage like Edward Tufte’s handouts. | CSS | 📦 | |
| Gutenberg | A modern framework to print the web correctly. | SCSS | 📝 💻 | |
| System.css | A design system for building retro Apple (MacOS 8) interfaces. | PostCSS | 📦 | |
| XP.css | A CSS library for building interfaces that look like Windows XP. | PostCSS | 📦 | |
| TuiCss | A library to create MS-DOS inspired TUIs (Text User Interfaces). | SCSS | 📝 💻 📦 | |
| 7.css | A CSS library for building interfaces that look like Windows 7. | PostCSS | 📦 | |
| Bojler | An email framework for developing responsive email templates. | SCSS | 📝 📦 | |
| Orbit | A CSS framework designed for building any kind of radial UI. | SCSS | 📝 📦 |
Frameworks that have not been updated for over a year or are officially deprecated. They are kept here for reference and inspiration.
| Framework | Description | Tech | Links | Stars |
|---|---|---|---|---|
| Semantic UI | A development framework that helps create beautiful, responsive layouts. | LESS | 📝 📦 | |
| Tachyons | Quickly build and design new UI without writing CSS. | CSS | 📝 💻 📦 | |
| Bourbon | A lightweight Sass tool set. | SCSS | 📝 📦 | |
| Water.css | A drop-in collection of styles to make simple websites just a little nicer. | CSS | 📦 | |
| sanitize.css | A CSS library that provides consistent, cross-browser default styling. | CSS | 📦 | |
| modern-css-reset | A tiny little reset to use as the basis of your CSS projects. | CSS | 📦 | |
| minireset.css | A tiny modern CSS reset. | Sass | 📦 | |
| CSS Remedy | A remedy for the technical debt of CSS. | CSS | 📦 | |
| inuitcss | An extensible, Sass-based, OOCSS framework for large UI projects. | SCSS | 📦 | |
| unsemantic | A fluid grid for mobile, tablet, and desktop. | 📝 💻 📦 | ||
| Propeller | A front-end framework based on Material Design and Bootstrap. | SCSS | 📝 📦 | |
| Concise CSS | A lightweight, bloat-free front-end framework. | SCSS | 📝 📦 | |
| Responsive Boilerplate | A developer-friendly framework for building responsive websites. | SCSS | 📝 📦 | |
| turretcss | A responsive framework for accessible and semantic websites. | CSS | 📝 💻 📦 | |
| Centurion | A web-based framework for rapid prototyping. | 📝 📦 |
Licensed under CC0 1.0. You can copy, modify, and distribute this work, even for commercial purposes, all without asking permission. Images of GitHub stars are provided by Shields.io.