Frameworks

Awesome CSS Frameworks Awesome

List of awesome CSS frameworks.

Feel free to contribute.

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

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.

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**](https://getmdl.io) - Material Design components in HTML/CSS/JS. ![](https://img.shields.io/github/stars/google/material-design-lite.svg?style=social&label=Star) [Demo](https://getmdl.io/showcase/index.html), [Docs](https://getmdl.io/started/index.html), [Repo](https://github.com/google/material-design-lite) - [**Skeleton**](http://getskeleton.com) - Dead simple, responsive boilerplate. ![](https://img.shields.io/github/stars/dhg/Skeleton.svg?style=social&label=Star) [Demo](http://getskeleton.com/#examples), [Docs](http://getskeleton.com/#grid), [Repo](https://github.com/dhg/Skeleton/) - [**Compass**](http://compass-style.org) - Open-source CSS authoring framework. ![](https://img.shields.io/github/stars/Compass/compass.svg?style=social&label=Star) [Docs](http://compass-style.org/help/), [Repo](https://github.com/Compass/compass) - [**Flexbox Grid**](http://flexboxgrid.com) - Grid based on CSS3 flexbox. ![](https://img.shields.io/github/stars/kristoferjoseph/flexboxgrid.svg?style=social&label=Star) [Repo](https://github.com/kristoferjoseph/flexboxgrid) - [**Basscss**](http://basscss.com) - Low-level CSS toolkit. ![](https://img.shields.io/github/stars/basscss/basscss.svg?style=social&label=Star) [Repo](https://github.com/basscss/basscss/) - [**Mobi.css**](http://getmobicss.com) - Lightweight, scalable, mobile-first CSS framework. ![](https://img.shields.io/github/stars/mobi-css/mobi.css.svg?style=social&label=Star) [Docs](http://getmobicss.com/docs/introduction.html), [Repo](https://github.com/mobi-css/mobi.css) | #CSS - [**Pills**](http://arkpod.in/pills/) - Simple responsive CSS Grid for humans. ![](https://img.shields.io/github/stars/rohitkrai03/pills.svg?style=social&label=Star) [Repo](https://github.com/rohitkrai03/pills) - [**Cutestrap**](https://www.cutestrap.com) - Sassy, opinionated CSS framework, a tiny alternative to Bootstrap. ![](https://img.shields.io/github/stars/tylerchilds/cutestrap.svg?style=social&label=Star) [Repo](https://github.com/tylerchilds/cutestrap) - [**unsemantic**](https://unsemantic.com) - Fluid grid for mobile, tablet, and desktop. ![](https://img.shields.io/github/stars/nathansmith/unsemantic.svg?style=social&label=Star) [Demo](https://unsemantic.com/demo-responsive), [Docs](https://unsemantic.com/css-documentation), [Repo](https://github.com/nathansmith/unsemantic) - [**Kube**](https://imperavi.com/kube/) - Web framework for professional developers and designers. ![](https://img.shields.io/github/stars/imperavi/kube.svg?style=social&label=Star) [Docs](https://imperavi.com/kube/docs/), [Repo](https://github.com/imperavi/kube) | #SCSS - [**Concise CSS**](http://concisecss.com) - Give up the bloat. Stop tripping over your classes. Be concise. ![](https://img.shields.io/github/stars/ConciseCSS/concise.css.svg?style=social&label=Star) [Docs](http://concisecss.com/documentation/), [Repo](https://github.com/ConciseCSS/concise.css) | #SCSS - [**Scooter**](http://dropbox.github.io/scooter/) - SCSS framework & UI library for Dropbox web. ![](https://img.shields.io/github/stars/dropbox/scooter.svg?style=social&label=Star) [Repo](https://github.com/dropbox/scooter) - [**Responsive Boilerplate**](http://responsivebp.com) - Powerful, accessible, developer friendly framework for building responsive websites. ![](https://img.shields.io/github/stars/responsivebp/responsive.svg?style=social&label=Star) [Docs](http://responsivebp.com/getting-started/), [Repo](https://github.com/responsivebp/responsive) | #SCSS - [**Centurion**](https://www.centurionframework.com) - Web-based framework for rapid prototyping and building larger web projects. ![](https://img.shields.io/github/stars/justinhough/Centurion.svg?style=social&label=Star) [Docs](https://github.com/justinhough/Centurion/blob/master/DOCUMENTATION.md), [Repo](https://github.com/justinhough/Centurion)

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.