/awesome-css-frameworks

List of awesome CSS frameworks in 2022

Primary LanguageCSS

Awesome CSS Frameworks Awesome

List of awesome CSS frameworks.
Feel free to contribute.

Supported by FrontAid CMS:

FrontAid CMS - Agile Content Management with Git.

Contents

Base / Reset / Normalize

Class-less

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

  • Water.css - Just-add-CSS collection of styles to make simple websites just a little nicer.
    Repo | #CSS

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

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

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

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

Very Lightweight

Frameworks that are smaller than ~5KB.

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.
    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

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

  • Pico.css - Elegant styles for all native HTML elements, dark mode automatically enabled.
    Demo, 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

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

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

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

  • 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

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

Material Design

Utility-based

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

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

  • TuiCss - Library to create MS-DOS interfaces.
    Demo, Docs | #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

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.