Skip to content

Latest commit

 

History

History
392 lines (308 loc) · 24.1 KB

README.md

File metadata and controls

392 lines (308 loc) · 24.1 KB

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

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

  •   2040⭐    433🍴 ress) - Modern CSS reset.
      2040⭐    433🍴 Repo) | #CSS

  •    215⭐     11🍴 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) | #CSS

  • 🌎 sakura - Minimal classless CSS framework/theme.
    🌎 Demo,   4200⭐    185🍴 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 ~5KB.

  • 🌎 Pure - Set of small, responsive CSS modules that you can use in every web project.
    🌎 Demo, 🌎 Docs,  23660⭐   2470🍴 Repo) | #CSS

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

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

General Purpose

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

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

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

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

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

  • 🌎 Pico.css - Elegant styles for all native HTML elements, dark mode automatically enabled.
    🌎 Demo, 🌎 Docs,  14327⭐    425🍴 Repo) | #SCSS

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

  • 🌎 U.S. Web Design System - Components used by U.S. federal government websites.
    🌎 Docs,   6868⭐    990🍴 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,   1557⭐    112🍴 Repo) | #SCSS

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

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

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

  • 🌎 Stacks - UI components used by Stack Overflow.
    🌎 Docs,    624⭐     92🍴 Repo) | #LESS

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

Material Design

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

  • 🌎 Beer CSS - Build material design interfaces in record time without stress for devs.
      1551⭐     56🍴 Repo) | #CSS

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

Utility-based

  • 🌎 Tailwind CSS - Utility-first CSS framework for rapid UI development.
    🌎 Docs,  85610⭐   4358🍴 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,  20923⭐   1665🍴 Docs),  20923⭐   1665🍴 Repo) | #SCSS

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

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

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

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

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

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

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

  • 🌎 Bojler - Email framework for developing responsive and lightweight email templates.
    🌎 Docs,   1035⭐     59🍴 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,  51148⭐   4937🍴 Repo) | #LESS

  • 🌎 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.
      8375⭐    492🍴 Repo) | #CSS

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

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

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

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

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

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

  • 🌎 Propeller - Front-end responsive framework based on Google's Material Design standards & Bootstrap.
    🌎 Docs,   1126⭐    138🍴 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,    867⭐    136🍴 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⭐     56🍴 Docs),    325⭐     56🍴 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  24314⭐   5525🍴 Shields).

Source

  8284⭐    456🍴 troxler/awesome-css-frameworks)