Awesome CSS Frameworks

A curated collection of resources and projects focused on CSS Frameworks.

Contents

• Base / Reset / Normalize
• Class-less
• Very Lightweight
• General Purpose
• Material Design
• Utility-based
• Specialized
• Stalled Development

Base / Reset / Normalize

• modern-normalize - Normalize browsers’ default style. Repo | #CSS

• ress - Modern CSS reset. Repo | #CSS

• Natural Selection - Collection of best-practice CSS selectors. | #CSS

Class-less

Frameworks that use semantic HTML and do not rely on classes.

• Pico.css - Elegant styles for all native HTML elements, dark mode automatically enabled. Demo, Docs, Repo | #SCSS

• MVP.css - Minimalist stylesheet for HTML elements. Docs, Repo | #CSS

• sakura - Minimal classless CSS framework/theme. Demo, Repo | #SCSS

• Simple.css - Lightweight, classless CSS framework. Demo, Docs, Repo | #CSS

• Tacit - CSS framework for dummies, without classes. Repo | #SCSS

Very Lightweight

Frameworks that are smaller than ~10KB.

• Pure - Set of small, responsive CSS modules that you can use in every web project. Demo, Docs, Repo | #CSS

• Picnic CSS - Lightweight and beautiful library. Demo, Docs, Repo | #SCSS

• Chota - Really small CSS framework. Demo, Docs, Repo | #CSS

General Purpose

• Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. Demo, Docs, Repo | #SCSS

• Bulma - Modern CSS framework based on Flexbox. Demo, Docs, Repo | #Sass

• Foundation - The most advanced responsive front-end framework in the world. Demo, Docs, Repo | #SCSS

• UIkit - Lightweight and modular front-end framework for developing fast and powerful web interfaces. Demo, Docs, Repo | #LESS #SCSS

• Primer - CSS framework that powers GitHub’s front-end design. Docs, Repo | #SCSS

• Carbon Components - Component library behind IBM’s Carbon Design System. Docs, Repo | #SCSS

• U.S. Web Design System - Components used by U.S. federal government websites. Docs, Repo | #SCSS

• Fomantic-UI - Build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging. Docs, Repo | #LESS

• Cirrus - Component and utility centric SCSS framework designed for rapid prototyping. Demo, Docs, Repo | #SCSS

• Vanilla Framework - Simple, extensible CSS framework. Written by the Canonical Web Team. Demo, Docs, Repo | #SCSS

• PatternFly - UI framework for enterprise web applications. Demo, Docs, Repo | #SCSS #LESS

• Stacks - UI components used by Stack Overflow. Docs, Repo | #LESS

• HiQ - Simple CSS foundation with responsive typography and input styling. Docs, Repo | #PostCSS

Material Design

• Beer CSS - Build material design interfaces in record time without stress for devs. Repo | #CSS

• Materialize - Responsive front-end library based on Google’s Material Design. Docs, Repo | #SCSS

Utility-based

• Tailwind CSS - Utility-first CSS framework for rapid UI development. Docs, Repo | #CSS

• Open Props - CSS custom properties to help accelerate adaptive and consistent design. Demo, Docs, Repo | #CSS #PostCSS

Specialized

• NES.css - NES-style CSS Framework. Demo, Docs, Repo | #SCSS

• 98.css - CSS library for building interfaces that look like Windows 98. Repo | #CSS

• Tufte CSS - Style your webpage like Edward Tufte’s handouts. Repo | #CSS

• Gutenberg - Modern framework to print the web correctly. Demo, Docs | #SCSS

• System.css - Design system for building retro Apple interfaces. Repo | #PostCSS

• XP.css - CSS library for building interfaces that look like Windows XP. Repo | #PostCSS

• TuiCss - Library to create MS-DOS interfaces. Demo, Docs | #SCSS

• 7.css - CSS library for building interfaces that look like Windows 7. Repo | #PostCSS

• Bojler - Email framework for developing responsive and lightweight email templates. Docs, Repo | #SCSS

• Orbit - CSS framework designed for building any kind of radial UI. Docs, Repo | #SCSS

Stalled Development

Frameworks that have not seen any real development for more than about one year or officially have been deprecated. We are keeping them here for reference/inspiration and hope for a revival.

License

License CC0 1.0:

You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.

Images of GitHub stars are provided by Shields.