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
- Stalled Development
-
6617β
376π΄
modern-normalize) - Normalize browsers' default style.
6617β
376π΄
Repo) | #CSS -
2044β
431π΄
ress) - Modern CSS reset.
2044β
431π΄
Repo) | #CSS -
218β
11π΄
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,
4222β
185π΄
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,
23689β
2465π΄
Repo) | #CSS -
π Picnic CSS - Lightweight and beautiful library.
π Demo, π Docs,
3856β
223π΄
Repo) | #SCSS -
π Chota - Really small CSS framework.
π Demo, π Docs,
1471β
102π΄
Repo) | #CSS
-
π Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
π Demo, π Docs,
171826β
79063π΄
Repo) | #SCSS -
π Bulma - Modern CSS framework based on Flexbox.
π Demo, π Docs,
49667β
3948π΄
Repo) | #Sass -
π Foundation - The most advanced responsive front-end framework in the world.
π Demo, π Docs,
29740β
5472π΄
Repo) | #SCSS -
π UIkit - Lightweight and modular front-end framework for developing fast and powerful web interfaces.
π Demo, π Docs,
18400β
2321π΄
Repo) | #LESS #SCSS -
π Primer - CSS framework that powers GitHub's front-end design.
π Docs,
12652β
1244π΄
Repo) | #SCSS -
π Pico.css - Elegant styles for all native HTML elements, dark mode automatically enabled.
π Demo, π Docs,
14549β
434π΄
Repo) | #SCSS -
π Carbon Components - Component library behind IBM's Carbon Design System.
π Docs,
8258β
1885π΄
Repo) | #SCSS -
π U.S. Web Design System - Components used by U.S. federal government websites.
π Docs,
6906β
1035π΄
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,
1556β
113π΄
Repo) | #SCSS -
π Cirrus - Component and utility centric SCSS framework designed for rapid prototyping.
π Demo, π Docs,
1391β
75π΄
Repo) | #CSS -
π Vanilla Framework - Simple, extensible CSS framework. Written by the Canonical Web Team.
π Demo, π Docs,
887β
171π΄
Repo) | #SCSS -
π PatternFly - UI framework for enterprise web applications.
π Demo, π Docs,
728β
98π΄
Repo) | #SCSS #LESS -
π Stacks - UI components used by Stack Overflow.
π Docs,
627β
94π΄
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,
17142β
2144π΄
Repo) | #SCSS -
π Beer CSS - Build material design interfaces in record time without stress for devs.
1709β
61π΄
Repo) | #CSS -
π Materialize - Responsive front-end library based on Google's Material Design.
π Docs,
944β
105π΄
Repo) | #SCSS
-
π Tailwind CSS - Utility-first CSS framework for rapid UI development.
π Docs,
86579β
4435π΄
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,
20996β
1667π΄
Docs),20996β
1667π΄
Repo) | #SCSS -
π 98.css - CSS library for building interfaces that look like Windows 98.
9894β
320π΄
Repo) | #CSS -
π Tufte CSS - Style your webpage like Edward Tufteβs handouts.
6131β
459π΄
Repo) | #CSS -
4868β
142π΄
Gutenberg) - Modern framework to print the web correctly.
π Demo,
4868β
142π΄
Docs) | #SCSS -
π System.css - Design system for building retro Apple interfaces.
2510β
82π΄
Repo) | #PostCSS -
π XP.css - CSS library for building interfaces that look like Windows XP.
2444β
117π΄
Repo) | #PostCSS -
1712β
73π΄
TuiCss) - Library to create MS-DOS interfaces.
?β
?π΄
Demo),?β
?π΄
Docs) | #SCSS -
π 7.css - CSS library for building interfaces that look like Windows 7.
1790β
93π΄
Repo) | #PostCSS -
π Bojler - Email framework for developing responsive and lightweight email templates.
π Docs,
1037β
57π΄
Repo) | #SCSS
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,
51163β
4929π΄
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.
8401β
492π΄
Repo) | #CSS -
π sanitize.css - The best-practices CSS foundation.
5248β
313π΄
Repo) | #CSS -
2959β
440π΄
modern-css-reset) - Tiny little reset that you can use as the basis of your CSS projects.
2959β
440π΄
Repo) | #CSS -
π minireset.css - Tiny modern CSS reset.
2793β
514π΄
Repo) | #Sass -
2206β
114π΄
CSS Remedy) - Start your project with a remedy for the technical debt of CSS.
| #CSS
-
1853β
207π΄
inuitcss) - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
1853β
207π΄
Repo) | #SCSS -
π unsemantic - Fluid grid for mobile, tablet, and desktop.
π Demo, π Docs,
1375β
159π΄
Repo) -
π Propeller - Front-end responsive framework based on Google's Material Design standards & Bootstrap.
π Docs,
1121β
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β
55π΄
Docs),325β
55π΄
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 24534β
5530π΄
Shields).
8457β
467π΄
troxler/awesome-css-frameworks)