Awesome CSS Frameworks

List of awesome CSS frameworks.
Feel free to contribute.

Are you looking for React/Vue/Angular 🌎 UI Component Libraries instead?

Contents

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

Base / Reset / Normalize

•   7139⭐    396🍴 modern-normalize) - Normalize browsers' default style.
    7139⭐    396🍴 Repo) | #CSS

•   2074⭐    430🍴 ress) - Modern CSS reset.
    2074⭐    430🍴 Repo) | #CSS

•    232⭐     12🍴 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,  16049⭐    478🍴 Repo) | #SCSS

• 🌎 MVP.css - Minimalist stylesheet for HTML elements.
  🌎 Docs,      ?⭐      ?🍴 Repo) | #CSS

• 🌎 sakura - Minimal classless CSS framework/theme.
  🌎 Demo,   4322⭐    184🍴 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,  23755⭐   2438🍴 Repo) | #CSS

• 🌎 Picnic CSS - Lightweight and beautiful library.
  🌎 Demo, 🌎 Docs,   3887⭐    227🍴 Repo) | #SCSS

• 🌎 Chota - Really small CSS framework.
  🌎 Demo, 🌎 Docs,   1524⭐     99🍴 Repo) | #CSS

General Purpose

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

• 🌎 Bulma - Modern CSS framework based on Flexbox.
  🌎 Demo, 🌎 Docs,  50000⭐   3927🍴 Repo) | #Sass

• 🌎 Foundation - The most advanced responsive front-end framework in the world.
  🌎 Demo, 🌎 Docs,  29771⭐   5435🍴 Repo) | #SCSS

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

• 🌎 Primer - CSS framework that powers GitHub's front-end design.
  🌎 Docs,  12848⭐   1280🍴 Repo) | #SCSS

• 🌎 Carbon Components - Component library behind IBM's Carbon Design System.
  🌎 Docs,   8645⭐   2055🍴 Repo) | #SCSS

• 🌎 U.S. Web Design System - Components used by U.S. federal government websites.
  🌎 Docs,   7024⭐   1052🍴 Repo) | #SCSS

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

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

• 🌎 Cirrus - Component and utility centric SCSS framework designed for rapid prototyping.
  🌎 Demo, 🌎 Docs,   1421⭐     77🍴 Repo) | #CSS

• 🌎 Vanilla Framework - Simple, extensible CSS framework. Written by the Canonical Web Team.
  🌎 Demo, 🌎 Docs,    931⭐    184🍴 Repo) | #SCSS

• 🌎 PatternFly - UI framework for enterprise web applications.
  🌎 Demo, 🌎 Docs,    783⭐    104🍴 Repo) | #SCSS #LESS

• 🌎 Stacks - UI components used by Stack Overflow.
  🌎 Docs,    647⭐     99🍴 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.
    2128⭐     85🍴 Repo) | #CSS

• 🌎 Materialize - Responsive front-end library based on Google's Material Design.
  🌎 Docs,    966⭐    108🍴 Repo) | #SCSS

Utility-based

• 🌎 Tailwind CSS - Utility-first CSS framework for rapid UI development.
  🌎 Docs,  91396⭐   4822🍴 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,  21553⭐   1687🍴 Docs),  21553⭐   1687🍴 Repo) | #SCSS

• 🌎 98.css - CSS library for building interfaces that look like Windows 98.
   10751⭐    355🍴 Repo) | #CSS

• 🌎 Tufte CSS - Style your webpage like Edward Tufte’s handouts.
    6369⭐    477🍴 Repo) | #CSS

•   4881⭐    142🍴 Gutenberg) - Modern framework to print the web correctly.
  🌎 Demo,   4881⭐    142🍴 Docs) | #SCSS

• 🌎 System.css - Design system for building retro Apple interfaces.
    3647⭐    116🍴 Repo) | #PostCSS

• 🌎 XP.css - CSS library for building interfaces that look like Windows XP.
    2800⭐    138🍴 Repo) | #PostCSS

•   1875⭐     79🍴 TuiCss) - Library to create MS-DOS interfaces.
       ?⭐      ?🍴 Demo),      ?⭐      ?🍴 Docs) | #SCSS

• 🌎 7.css - CSS library for building interfaces that look like Windows 7.
    2224⭐    114🍴 Repo) | #PostCSS

• 🌎 Bojler - Email framework for developing responsive and lightweight email templates.
  🌎 Docs,   1049⭐     57🍴 Repo) | #SCSS

• 🌎 Orbit - CSS framework designed for building any kind of radial UI.
  🌎 Docs,    720⭐     14🍴 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

• 🌎 Semantic UI - User interface is the language of the web.
  🌎 Docs,  51184⭐   4920🍴 Repo) | #LESS

• 🌎 Material Components Web - Modular and customizable Material Design UI components for the web.
  🌎 Demo, 🌎 Docs,  17111⭐   2138🍴 Repo) | #SCSS

• 🌎 Tachyons - Quickly build and design new UI without writing CSS.
  🌎 Demo, 🌎 Docs,      ?⭐      ?🍴 Repo) | #CSS

• 🌎 Bourbon - Lightweight Sass tool set.
  🌎 Docs,      ?⭐      ?🍴 Repo) | #SCSS

• 🌎 Water.css - Just-add-CSS collection of styles to make simple websites just a little nicer.
    8572⭐    503🍴 Repo) | #CSS

• 🌎 sanitize.css - The best-practices CSS foundation.
    5280⭐    308🍴 Repo) | #CSS

•   2965⭐    430🍴 modern-css-reset) - Tiny little reset that you can use as the basis of your CSS projects.
    2965⭐    430🍴 Repo) | #CSS

• 🌎 minireset.css - Tiny modern CSS reset.
    2808⭐    511🍴 Repo) | #Sass

•   2230⭐    115🍴 CSS Remedy) - Start your project with a remedy for the technical debt of CSS.
  | #CSS

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

• 🌎 unsemantic - Fluid grid for mobile, tablet, and desktop.
  🌎 Demo, 🌎 Docs,   1369⭐    160🍴 Repo)

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

• 🌎 Concise CSS - Give up the bloat. Stop tripping over your classes. Be concise.
  🌎 Docs,    939⭐     71🍴 Repo) | #SCSS

• 🌎 Responsive Boilerplate - Powerful, accessible, developer friendly framework for building responsive websites.
  🌎 Docs,    871⭐    134🍴 Repo) | #SCSS

• 🌎 turretcss - Responsive front-end framework for accessible and semantic websites.
  🌎 Demo, 🌎 Docs,    799⭐     46🍴 Repo) | #CSS

• 🌎 Centurion - Web-based framework for rapid prototyping and building larger web projects.
     325⭐     55🍴 Docs),    325⭐     55🍴 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  25724⭐   5565🍴 Shields).

Source

  9065⭐    484🍴 troxler/awesome-css-frameworks)