awesome-css-frameworks Documentation

Technical Documentation: troxler/awesome-css-frameworks

ℹ️ Provenance: Multi-Tier Ingestion · CodeWiki Reference

Overview (`readme.md`) Copy Section

Awesome CSS Frameworks [](https://awesome.re)

List of awesome CSS frameworks.
Feel free to contribute.

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

Contents Copy Chapter

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

Base / Reset / Normalize Copy Chapter

• modern-normalize - Normalize browsers' default style.

  Repo
  | #CSS

• ress - Modern CSS reset.

  Repo
  | #CSS

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

  | #CSS

Class-less Copy Chapter

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,
  Repo
  | #SCSS

• MVP.css - Minimalist stylesheet for HTML elements.

  Docs,
  Repo
  | #CSS

• sakura - Minimal classless CSS framework/theme.

  Demo,
  Repo
  | #SCSS

• Simple.css - Lightweight, classless CSS framework.

  Demo,
  Docs,
  Repo
  | #CSS

• Tacit - CSS framework for dummies, without classes.

  Repo
  | #SCSS

Very Lightweight Copy Chapter

Frameworks that are smaller than ~10KB.

• Pure - Set of small, responsive CSS modules that you can use in every web project.

  Demo,
  Docs,
  Repo
  | #CSS

• Picnic CSS - Lightweight and beautiful library.

  Demo,
  Docs,
  Repo
  | #SCSS

• Chota - Really small CSS framework.

  Demo,
  Docs,
  Repo
  | #CSS

General Purpose Copy Chapter

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

  Demo,
  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

• U.S. Web Design System - Components used by U.S. federal government websites.

  Docs,
  Repo
  | #SCSS

• Fomantic-UI - Build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging.

  Docs,
  Repo
  | #LESS

• Cirrus - Component and utility centric SCSS framework designed for rapid prototyping.

  Demo,
  Docs,
  Repo
  | #SCSS

• 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

• Stacks - UI components used by Stack Overflow.

  Docs,
  Repo
  | #LESS

• HiQ - Simple CSS foundation with responsive typography and input styling.

  Docs,
  Repo
  | #PostCSS

Material Design Copy Chapter

• Beer CSS - Build material design interfaces in record time without stress for devs.

  Repo
  | #CSS

• Materialize - Responsive front-end library based on Google's Material Design.

  Docs,
  Repo
  | #SCSS

Utility-based Copy Chapter

• Tailwind CSS - Utility-first CSS framework for rapid UI development.

  Docs,
  Repo
  | #CSS

• Open Props - CSS custom properties to help accelerate adaptive and consistent design.

  Demo,
  Docs,
  Repo
  | #CSS #PostCSS

Specialized Copy Chapter

• 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

• System.css - Design system for building retro Apple interfaces.

  Repo
  | #PostCSS

• XP.css - CSS library for building interfaces that look like Windows XP.

  Repo
  | #PostCSS

• TuiCss - Library to create MS-DOS interfaces.

  Demo,
  Docs
  | #SCSS

• 7.css - CSS library for building interfaces that look like Windows 7.

  Repo
  | #PostCSS

• Bojler - Email framework for developing responsive and lightweight email templates.

  Docs,
  Repo
  | #SCSS

• Orbit - CSS framework designed for building any kind of radial UI.

  Docs,
  Repo
  | #SCSS

Stalled Development Copy Chapter

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,
  Repo
  | #LESS

• Material Components Web - Modular and customizable Material Design UI components for the web.

  Demo,
  Docs,
  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.

  Repo
  | #CSS

• sanitize.css - The best-practices CSS foundation.

  Repo
  | #CSS

• modern-css-reset - Tiny little reset that you can use as the basis of your CSS projects.

  Repo
  | #CSS

• minireset.css - Tiny modern CSS reset.

  Repo
  | #Sass

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

  | #CSS

• Blaze UI - Open source modular toolkit providing great structure for building websites quickly with a scalable and maintainable foundation.

  Demo,
  Docs,
  Repo
  | #SCSS

• Concise CSS - Give up the bloat. Stop tripping over your classes. Be concise.

  Docs,
  Repo
  | #SCSS

• Responsive Boilerplate - Powerful, accessible, developer friendly framework for building responsive websites.

  Docs,
  Repo
  | #SCSS

License Copy Chapter

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.

--- METRICS ---

• Files Extracted: 1
• Estimated Token Budget: ~3244 tokens
• Canonical Reference: https://codewiki.google/github.com/troxler/awesome-css-frameworks