Awesome CSS Frameworks

List of awesome CSS frameworks.

Feel free to contribute.

Contents

• Base / Reset / Normalize
• Very Lightweight
• General Purpose
• Material Design
• Specialized
• Toolkits
• Stalled Development

Base / Reset / Normalize

• normalize.css - Modern, HTML5-ready alternative to CSS resets.
  Repo | #CSS

• sanitize.css - The best-practices CSS foundation.
  Repo | #CSS

• minireset.css - Tiny modern CSS reset.
  Repo | #Sass

• inuitcss - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
  Repo | #SCSS

• modern-normalize - Normalize for Chrome, Firefox, and Safari only (no support for Edge or Internet Explorer).
  Repo | #CSS

Very Lightweight

Frameworks that are smaller than ~5KB.

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

• Milligram - Minimalist CSS framework.
  Docs, Repo | #Sass

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

• mini.css - Minimal, responsive, style-agnostic CSS framework.
  Docs, Repo | #SCSS

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

• Wing - Beautiful CSS framework designed for minimalists.
  Docs, Repo | #Stylus

• Marx - Classless CSS reset.
  Docs, Repo | #SCSS #Stylus

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

• awsm.css - CSS library for semantic HTML markup without classes, attributes, etc.
  Demo, Repo | #SCSS

• Chota - Really small CSS framework.
  Repo | #CSS

General Purpose

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

• Semantic UI - User interface is the language of the web.
  Note: The project seems to be inactive but there is an active fork called Fomantic UI.
  Docs, Repo | #LESS

• 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

• Spectre.css - Lightweight, responsive and modern CSS framework.
  Docs, Repo | #SCSS

• Tachyons - Quickly build and design new UI without writing CSS.
  Demo, Docs, Repo | #CSS

• 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

• Blaze UI - Open source modular toolkit providing great structure for building websites quickly with a scalable and maintainable foundation.
  Demo, Docs, Repo | #SCSS

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

• Base - Rock solid, responsive HTML/CSS framework.
  Docs, Repo | #SCSS #LESS

• turretcss - Responsive front-end framework for accessible and semantic websites.
  Demo, Docs, Repo | #CSS

• Cirrus - Responsive and comprehensive CSS framework with beautiful controls and simplistic structure.
  Docs, Repo | #CSS

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

Material Design

• Material Components Web - Modular and customizable Material Design UI components for the web.
  Demo, Docs, Repo | #SCSS

• Materialize - CSS framework based on material design.
  Demo, Docs, Repo | #SCSS

• MUI - Lightweight CSS framework that follows Google's Material Design guidelines.
  Docs, Repo | #SCSS

• Propeller - Front-end responsive framework based on Google's Material Design standards & Bootstrap.
  Docs, Repo | #SCSS

Specialized

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

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

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

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

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

Toolkits

Toolkits are closer to a library than to a framework. They do not provide actual styling but utilities (e.g. mixins) that you can use in your CSS preprocessor.

• Bourbon - Lightweight Sass tool set.
  Docs, Repo, Scaffold | #SCSS

• Neat - Lightweight and flexible Sass grid.
  Demo, 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.

Show Section

• Material Design Lite - Material Design components in HTML/CSS/JS.
  Demo, Docs, Repo

• Skeleton - Dead simple, responsive boilerplate.
  Demo, Docs, Repo

• Compass - Open-source CSS authoring framework.
  Docs, Repo

• Flexbox Grid - Grid based on CSS3 flexbox.
  Repo

• Basscss - Low-level CSS toolkit.
  Repo

• Mobi.css - Lightweight, scalable, mobile-first CSS framework.
  Docs, Repo | #CSS

• Pills - Simple responsive CSS Grid for humans.
  Repo

• Cutestrap - Sassy, opinionated CSS framework, a tiny alternative to Bootstrap.
  Repo

• unsemantic - Fluid grid for mobile, tablet, and desktop.
  Demo, Docs, Repo

• Kube - Web framework for professional developers and designers.
  Docs, Repo | #SCSS

• Concise CSS - Give up the bloat. Stop tripping over your classes. Be concise.
  Docs, Repo | #SCSS

• Scooter - SCSS framework & UI library for Dropbox web.
  Repo

• Responsive Boilerplate - Powerful, accessible, developer friendly framework for building responsive websites.
  Docs, Repo | #SCSS

• Centurion - Web-based framework for rapid prototyping and building larger web projects.
  Docs, Repo

---

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.