List of awesome CSS frameworks.
Feel free to contribute.
Supported by π FrontAid CMS:
- Base / Reset / Normalize
- Class-less
- Very Lightweight
- General Purpose
- Material Design
- Utility-based
- Specialized
- Toolkits
- Stalled Development
-
5847β
353π΄
modern-normalize) - Normalize browsers' default style.
5847β
353π΄
Repo) | #CSS -
2000β
433π΄
ress) - Modern CSS reset.
2000β
433π΄
Repo) | #CSS -
170β
8π΄
Natural Selection) - Collection of best-practice CSS selectors.
| #CSS
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,
4052β
179π΄
Repo) | #SCSS -
π Simple.css - Lightweight, classless CSS framework.
π Demo,
?β
?π΄
Docs),?β
?π΄
Repo) | #CSS -
π Tacit - CSS framework for dummies, without classes.
?β
?π΄
Repo) | #SCSS
Frameworks that are smaller than ~5KB.
-
π Pure - Set of small, responsive CSS modules that you can use in every web project.
π Demo, π Docs,
23442β
2487π΄
Repo) | #CSS -
π Picnic CSS - Lightweight and beautiful library.
π Demo, π Docs,
3780β
224π΄
Repo) | #SCSS -
π Chota - Really small CSS framework.
π Demo, π Docs,
1358β
97π΄
Repo) | #CSS
-
π Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
π Demo, π Docs,
167815β
78484π΄
Repo) | #SCSS -
π Bulma - Modern CSS framework based on Flexbox.
π Demo, π Docs,
48732β
3924π΄
Repo) | #Sass -
π Foundation - The most advanced responsive front-end framework in the world.
π Demo, π Docs,
29632β
5502π΄
Repo) | #SCSS -
π UIkit - Lightweight and modular front-end framework for developing fast and powerful web interfaces.
π Demo, π Docs,
18160β
2318π΄
Repo) | #LESS #SCSS -
π Primer - CSS framework that powers GitHub's front-end design.
π Docs,
12477β
1188π΄
Repo) | #SCSS -
π Pico.css - Elegant styles for all native HTML elements, dark mode automatically enabled.
π Demo, π Docs,
12625β
366π΄
Repo) | #SCSS -
π Carbon Components - Component library behind IBM's Carbon Design System.
π Docs,
7526β
1751π΄
Repo) | #SCSS -
π U.S. Web Design System - Components used by U.S. federal government websites.
π Docs,
6673β
922π΄
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,
1548β
113π΄
Repo) | #SCSS -
π Cirrus - Component and utility centric SCSS framework designed for rapid prototyping.
π Demo, π Docs,
1328β
76π΄
Repo) | #CSS -
π Vanilla Framework - Simple, extensible CSS framework. Written by the Canonical Web Team.
π Demo, π Docs,
791β
163π΄
Repo) | #SCSS -
π PatternFly - UI framework for enterprise web applications.
π Demo, π Docs,
679β
94π΄
Repo) | #SCSS #LESS -
π Stacks - UI components used by Stack Overflow.
π Docs,
601β
90π΄
Repo) | #LESS -
π HiQ - Simple CSS foundation with responsive typography and input styling.
π Docs,
?β
?π΄
Repo) | #PostCSS
-
π Material Components Web - Modular and customizable Material Design UI components for the web.
π Demo, π Docs,
17098β
2146π΄
Repo) | #SCSS -
π Beer CSS - Build material design interfaces in record time without stress for devs.
985β
48π΄
Repo) | #CSS -
π Materialize - Responsive front-end library based on Google's Material Design.
π Docs,
852β
99π΄
Repo) | #SCSS
-
π Tailwind CSS - Utility-first CSS framework for rapid UI development.
π Docs,
79417β
3985π΄
Repo) | #CSS -
π Open Props - CSS custom properties to help accelerate adaptive and consistent design.
π Demo, π Docs,
?β
?π΄
Repo) | #CSS #PostCSS
-
π NES.css - NES-style CSS Framework.
π Demo,
20393β
1632π΄
Docs),20393β
1632π΄
Repo) | #SCSS -
π 98.css - CSS library for building interfaces that look like Windows 98.
8760β
289π΄
Repo) | #CSS -
π Tufte CSS - Style your webpage like Edward Tufteβs handouts.
5853β
453π΄
Repo) | #CSS -
4782β
141π΄
Gutenberg) - Modern framework to print the web correctly.
π Demo,
4782β
141π΄
Docs) | #SCSS -
π XP.css - CSS library for building interfaces that look like Windows XP.
2122β
103π΄
Repo) | #PostCSS -
1492β
64π΄
TuiCss) - Library to create MS-DOS interfaces.
?β
?π΄
Demo),?β
?π΄
Docs) | #SCSS -
π 7.css - CSS library for building interfaces that look like Windows 7.
1488β
74π΄
Repo) | #PostCSS -
π Bojler - Email framework for developing responsive and lightweight email templates.
π Docs,
1023β
59π΄
Repo) | #SCSS
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.
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,
51032β
4950π΄
Repo) | #LESS -
π Materialize - CSS framework based on material design.
π Demo, π Docs,
38849β
4742π΄
Repo) | #SCSS -
π Spectre.css - Lightweight, responsive and modern CSS framework.
π Docs,
11301β
806π΄
Repo) | #SCSS -
π Tachyons - Quickly build and design new UI without writing CSS.
π Demo, π Docs,
?β
?π΄
Repo) | #CSS -
π Milligram - Minimalist CSS framework.
π Demo, π Docs,
10157β
745π΄
Repo) | #Sass -
π Water.css - Just-add-CSS collection of styles to make simple websites just a little nicer.
8221β
478π΄
Repo) | #CSS -
π sanitize.css - The best-practices CSS foundation.
5178β
311π΄
Repo) | #CSS -
π MUI - Lightweight CSS framework that follows Google's Material Design guidelines.
π Docs,
4510β
427π΄
Repo) | #SCSS -
2945β
450π΄
modern-css-reset) - Tiny little reset that you can use as the basis of your CSS projects.
2945β
450π΄
Repo) | #CSS -
π minireset.css - Tiny modern CSS reset.
2751β
523π΄
Repo) | #Sass -
2170β
112π΄
CSS Remedy) - Start your project with a remedy for the technical debt of CSS.
| #CSS
-
1847β
206π΄
inuitcss) - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
1847β
206π΄
Repo) | #SCSS -
π Cutestrap - Sassy, opinionated CSS framework, a tiny alternative to Bootstrap.
1569β
80π΄
Repo) -
π unsemantic - Fluid grid for mobile, tablet, and desktop.
π Demo, π Docs,
1381β
161π΄
Repo) -
π Base - Rock solid, responsive HTML/CSS framework.
1256β
150π΄
Docs),1256β
150π΄
Repo) | #SCSS #LESS -
π Propeller - Front-end responsive framework based on Google's Material Design standards & Bootstrap.
π Docs,
1130β
141π΄
Repo) | #SCSS -
π Concise CSS - Give up the bloat. Stop tripping over your classes. Be concise.
π Docs,
940β
72π΄
Repo) | #SCSS -
π Responsive Boilerplate - Powerful, accessible, developer friendly framework for building responsive websites.
π Docs,
866β
141π΄
Repo) | #SCSS -
π turretcss - Responsive front-end framework for accessible and semantic websites.
π Demo, π Docs,
802β
46π΄
Repo) | #CSS -
π Centurion - Web-based framework for rapid prototyping and building larger web projects.
325β
57π΄
Docs),325β
57π΄
Repo)
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 22813β
5459π΄
Shields).
7459β
425π΄
troxler/awesome-css-frameworks)