The world of Awesome CSS Frameworks
Tags: css, ui, react
Published: 2022-01-12 02:40:26

In February 2018 I joined **Dev.to** 😎 and also I found the amazing [Awesome CSS Frameworks](https://github.com/troxler/awesome-css-frameworks). I was in love with all the world that existed apart **Boostrap**.

I forked that repo and I created my own **extensive** list, with my style and organized in a way I can search easily the new CSS Framework I'd like to meet.

That way born [Gabo's Awesome CSS Frameworks and UI Libraries](https://github.com/gabrielizalo/Awesome-CSS-Frameworks-and-UI-Libraries).

After 4 years maintaining this repo I want to share some info may be interested for Web & React Developers _(⭐s from January 2022)_:


## If you need a _CSS Framework/Framework_

This **TOP 5** are very good candidates to work with:
- [Bootstrap](https://github.com/twbs/bootstrap) - 155K⭐
- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) - 51K⭐
- [Bulma](https://github.com/jgthms/bulma) - 45K⭐
- [Materialize](https://github.com/Dogfalo/materialize) - 39K⭐
- [Foundation](https://github.com/foundation/foundation-sites) - 29K⭐


## If you are into **React**

Then the **TOP 5** Libs is:
- [Ant Design](https://github.com/ant-design/ant-design/) - 77K⭐
- [Material-UI](https://github.com/mui-org/material-ui) - 74K⭐
- [Chakra UI](https://github.com/chakra-ui/chakra-ui) - 23K⭐
- [react virtualized](https://github.com/bvaughn/react-virtualized) - 23K⭐
- [React-Bootstrap](https://github.com/react-bootstrap/react-bootstrap) - 20K⭐ _(Oh yeah! Bootstrap is a TOP 5 here too)_


## _Super Star_ repos with no recent updates

Interesting all the stars with no recent updates:
- [Semantic UI](https://github.com/semantic-org/semantic-ui) - 50K⭐ - _Last update: October 2018_
- [normalize.css](https://github.com/necolas/normalize.css/) - 46K⭐ - _Last update: November 2018_
- [Material Design Lite](https://github.com/google/material-design-lite) - 32K⭐ - _Last update: June 2017_
- [Skeleton](https://github.com/dhg/Skeleton/) - 18K⭐ - _Last update: December 2014 (Wow! Since 2014!)_


## Do you need a Base/Reset

If I ignore the **normalize.css** 46K⭐ _(because no recent updates)_, then you can go with:
- [Pure](https://github.com/pure-css/pure) - 22K⭐ 
- [Shoelace.css](https://github.com/claviska/shoelace-css) - 6K⭐ 
- [sanitize.css](https://github.com/csstools/sanitize.css) - 4.7K⭐ 


## What if you need a light one

Well, in this case I can recommend you:
- [Spectre.css](https://github.com/picturepan2/spectre) - 11K⭐ - _~10KB gzipped_
- [Milligram](https://github.com/milligram/milligram) - 9.6K⭐ - _2kb gzipped!_
- [Water.css](https://github.com/kognise/water.css) - 6.7K⭐ - _3.27 kb_
- [BassCSS](https://github.com/basscss/basscss) - 5.7K⭐ - _2.13 KB_


## Do you need to create HTML emails

No problem. There are frameworks for you too:
- [MJML](https://github.com/mjmlio/mjml) - 13K⭐ 
- [Foundation for Emails 2 - Formerly Ink](https://github.com/zurb/foundation-emails) - 7.6K⭐ 


## If you need a unique and special design

You can go with these special frameworks:
- [NES.css](https://github.com/nostalgic-css/NES.css) - 18K⭐ - Your web like a NES-style (8bit-like)
- [98.css](https://github.com/jdan/98.css) - 6.3K⭐ - Like an old Windows
- [Doodle CSS](https://github.com/chr15m/DoodleCSS) - 631⭐ - A simple hand drawn theme


## From Big companies

Finally, in the **Design Systems** era, I want to show you the ones from well known companies:
- [Fluent UI](https://github.com/microsoft/fluentui) - 13K⭐ by Microsoft
- [Evergreen](https://github.com/segmentio/evergreen) - 11K⭐ by Segment
- [Primer](https://github.com/primer/css) - 11K⭐ by GitHub
- [Clarity Design System](https://github.com/vmware/clarity) - 6.4K⭐ by VMWare
- [Carbon Design System](https://github.com/carbon-design-system/carbon) - 5.1K⭐ by IBM
 
A lot of repos to take a look, no?
And these are just a few. In my list you can check a lot of [CSS Frameworks and UI Libraries](https://github.com/gabrielizalo/Awesome-CSS-Frameworks-and-UI-Libraries). 

Did I miss one? Just comment it so I can fix it.

---


Cover Photo by <a href="https://unsplash.com/@der_maik_?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Maik Jonietz</a> on <a href="https://unsplash.com/s/photos/css?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>