Awesome Css Frameworks Overview

List of awesome CSS frameworks in 2024

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 troxler/awesome-css-frameworks · ⭐ 7.1K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Awesome CSS Frameworks

List of awesome CSS frameworks.
Feel free to contribute (⭐7.1k).

Supported by FrontAid CMS:

Contents

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

Base / Reset / Normalize

• modern-normalize - Normalize browsers' default style.
  Repo (⭐5.7k) | #CSS

• ress - Modern CSS reset.
  Repo (⭐2k) | #CSS

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

Class-less

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

• MVP.css - Minimalist stylesheet for HTML elements.
  Docs, Repo (⭐4.8k) | #CSS

• sakura - Minimal classless CSS framework/theme.
  Demo, Repo (⭐4k) | #SCSS

• Simple.css - Lightweight, classless CSS framework.
  Demo, Docs (⭐3.9k), Repo (⭐3.9k) | #CSS

• Tacit - CSS framework for dummies, without classes.
  Repo (⭐1.6k) | #SCSS

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 (⭐23k) | #CSS

• Picnic CSS - Lightweight and beautiful library.
  Demo, Docs, Repo (⭐3.8k) | #SCSS

• Chota - Really small CSS framework.
  Demo, Docs, Repo (⭐1.3k) | #CSS

General Purpose

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

• Bulma - Modern CSS framework based on Flexbox.
  Demo, Docs, Repo (⭐48k) | #Sass

• Foundation - The most advanced responsive front-end framework in the world.
  Docs, Repo (⭐30k) | #SCSS

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

• Primer - CSS framework that powers GitHub's front-end design.
  Docs, Repo (⭐12k) | #SCSS

• Carbon Components - Component library behind IBM's Carbon Design System.
  Docs, Repo (⭐7.4k) | #SCSS

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

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

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

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

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

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

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

Material Design

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

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

• Materialize - Responsive front-end library based on Google's Material Design.
  Docs, Repo (⭐814) | #SCSS

Utility-based

• Tailwind CSS - Utility-first CSS framework for rapid UI development.
  Docs, Repo (⭐77k) | #CSS

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

Specialized

• NES.css - NES-style CSS Framework.
  Demo, Docs (⭐20k), Repo (⭐20k) | #SCSS

• 98.css - CSS library for building interfaces that look like Windows 98.
  Repo (⭐8.5k) | #CSS

• Tufte CSS - Style your webpage like Edward Tufte’s handouts.
  Repo (⭐5.8k) | #CSS

• Gutenberg - Modern framework to print the web correctly.
  Demo, Docs (⭐4.7k) | #SCSS

• XP.css - CSS library for building interfaces that look like Windows XP.
  Repo (⭐2k) | #PostCSS

• Bojler - Email framework for developing responsive and lightweight email templates.
  Docs, Repo (⭐1k) | #SCSS

• TuiCss - Library to create MS-DOS interfaces.
  Demo (⭐1.4k), Docs (⭐1.4k) | #SCSS

• 7.css - CSS library for building interfaces that look like Windows 7.
  Repo (⭐1.3k) | #PostCSS

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 (⭐9.1k) | #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.

• Semantic UI - User interface is the language of the web.
  Docs, Repo (⭐51k) | #LESS

• Materialize - CSS framework based on material design.
  Demo, Docs, Repo (⭐39k) | #SCSS

• Spectre.css - Lightweight, responsive and modern CSS framework.
  Docs, Repo (⭐11k) | #SCSS

• Tachyons - Quickly build and design new UI without writing CSS.
  Demo, Docs, Repo (⭐12k) | #CSS

• Milligram - Minimalist CSS framework.
  Demo, Docs, Repo (⭐10k) | #Sass

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

• Basscss - Low-level CSS toolkit.
  Repo (⭐5.8k)

• sanitize.css - The best-practices CSS foundation.
  Repo (⭐5.1k) | #CSS

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

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

• minireset.css - Tiny modern CSS reset.
  Repo (⭐2.7k) | #Sass

• CSS Remedy - Start your project with a remedy for the technical debt of CSS.
  | #CSS

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

• Cutestrap - Sassy, opinionated CSS framework, a tiny alternative to Bootstrap.
  Repo (⭐1.6k)

• unsemantic - Fluid grid for mobile, tablet, and desktop.
  Demo, Docs, Repo (⭐1.4k)

• Base - Rock solid, responsive HTML/CSS framework.
  Docs (⭐1.2k), Repo (⭐1.2k) | #SCSS #LESS

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

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

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

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

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

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 (⭐22k).