{"id":61811,"url":"https://github.com/Correia-jpv/fucking-awesome-css-frameworks","name":"fucking-awesome-css-frameworks","description":"List of awesome CSS frameworks. With repository stars⭐ and forks🍴","projects_count":110,"last_synced_at":"2026-10-05T18:00:29.977Z","repository":{"id":53026856,"uuid":"521211352","full_name":"Correia-jpv/fucking-awesome-css-frameworks","owner":"Correia-jpv","description":"List of awesome CSS frameworks. With repository stars⭐ and forks🍴","archived":false,"fork":false,"pushed_at":"2026-09-30T16:21:54.000Z","size":187,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-09-30T18:56:37.323Z","etag":null,"topics":["awesome","awesome-list","collection","css","css-framework","css-frameworks","css3","list","modern-web","sanitize","sass","scss","scss-framework","styled","styled-component","styled-components","web","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Correia-jpv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"claude":null,"gemini":null,"cursor":null,"copilot":null,"dco":null,"cla":null,"disclosure":null},"funding":{"github":"Correia-jpv"}},"created_at":"2022-08-04T09:52:41.000Z","updated_at":"2026-09-30T16:21:56.000Z","dependencies_parsed_at":"2026-09-30T18:30:26.929Z","dependency_job_id":"82262441-5154-4f6c-8ef4-03c0aba466ad","html_url":"https://github.com/Correia-jpv/fucking-awesome-css-frameworks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Correia-jpv/fucking-awesome-css-frameworks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-css-frameworks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-css-frameworks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-css-frameworks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-css-frameworks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Correia-jpv","download_url":"https://codeload.github.com/Correia-jpv/fucking-awesome-css-frameworks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-css-frameworks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":343170754,"owners_count":38045374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-10-03T21:59:58.778Z","status":"online","status_checked_at":"2026-10-05T02:00:06.766Z","response_time":83,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-06-13T00:00:20.973Z","updated_at":"2026-10-05T18:00:29.977Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Source","Class-less","Specialized","Stalled Development","General Purpose","Utility-based","Very Lightweight","License","Material Design","Base / Reset / Normalize"],"sub_categories":[],"readme":"# Awesome CSS Frameworks [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)\n\nList of awesome CSS frameworks.  \nFeel free to [contribute](https://github.com/correia-jpv/fucking-awesome-css-frameworks/blob/master/.github/CONTRIBUTING.md).\n\n**Are you looking for React/Vue/Angular 🌎 [UI Component Libraries](frontaid.ch/web/ui/libraries.html) instead?**\n\n\n## Contents\n- [Base / Reset / Normalize](#base--reset--normalize)\n- [Class-less](#class-less)\n- [Very Lightweight](#very-lightweight)\n- [General Purpose](#general-purpose)\n- [Material Design](#material-design)\n- [Utility-based](#utility-based)\n- [Specialized](#specialized)\n- [Stalled Development](#stalled-development)\n\n\n## Base / Reset / Normalize\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;7418⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;398🍴\u003c/code\u003e\u003c/b\u003e [**modern-normalize**](https://github.com/sindresorhus/modern-normalize)) - Normalize browsers' default style.  \n  ![](https://img.shields.io/github/stars/sindresorhus/modern-normalize.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;7418⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;398🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/sindresorhus/modern-normalize))\n  | #CSS\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2080⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;425🍴\u003c/code\u003e\u003c/b\u003e [**ress**](https://github.com/filipelinhares/ress)) - Modern CSS reset.  \n  ![](https://img.shields.io/github/stars/filipelinhares/ress.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2080⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;425🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/filipelinhares/ress))\n  | #CSS\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;248⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;12🍴\u003c/code\u003e\u003c/b\u003e [**Natural Selection**](https://github.com/frontaid/natural-selection)) - Collection of best-practice CSS selectors.  \n  ![](https://img.shields.io/github/stars/frontaid/natural-selection.svg?style=social\u0026label=Star)\n  | #CSS\n\n\n## Class-less\n\nFrameworks that use semantic HTML and do not rely on classes.\n\n- 🌎 [**Pico.css**](picocss.com/) - Elegant styles for all native HTML elements, dark mode automatically enabled.  \n  ![](https://img.shields.io/github/stars/picocss/pico.svg?style=social\u0026label=Star)\n  🌎 [Demo](picocss.com/#examples),\n  🌎 [Docs](picocss.com/docs/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;16868⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;507🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/picocss/pico))\n  | #SCSS\n\n- 🌎 [**MVP.css**](andybrewer.github.io/mvp/) - Minimalist stylesheet for HTML elements.  \n  ![](https://img.shields.io/github/stars/andybrewer/mvp.svg?style=social\u0026label=Star)\n  🌎 [Docs](andybrewer.github.io/mvp/#docs),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/andybrewer/mvp/))\n  | #CSS\n\n- 🌎 [**sakura**](oxal.org/projects/sakura/) - Minimal classless CSS framework/theme.  \n  ![](https://img.shields.io/github/stars/oxalorg/sakura.svg?style=social\u0026label=Star)\n  🌎 [Demo](oxal.org/projects/sakura/demo/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4384⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;182🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/oxalorg/sakura))\n  | #SCSS\n\n- 🌎 [**Simple.css**](simplecss.org/) - Lightweight, classless CSS framework.  \n  ![](https://img.shields.io/github/stars/kevquirk/simple.css?style=social\u0026label=Star)\n  🌎 [Demo](simplecss.org/demo),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Docs](https://github.com/kevquirk/simple.css/wiki)),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/kevquirk/simple.css/))\n  | #CSS\n\n- 🌎 [**Tacit**](yegor256.github.io/tacit/) - CSS framework for dummies, without classes.  \n  ![](https://img.shields.io/github/stars/yegor256/tacit.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/yegor256/tacit/))\n  | #SCSS\n\n\n## Very Lightweight\n\nFrameworks that are smaller than ~10KB.\n\n- 🌎 [**Pure**](purecss.io) - Set of small, responsive CSS modules that you can use in every web project.  \n  ![](https://img.shields.io/github/stars/pure-css/pure.svg?style=social\u0026label=Star)\n  🌎 [Demo](purecss.io/layouts/),\n  🌎 [Docs](purecss.io/start/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;23721⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2405🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/pure-css/pure))\n  | #CSS\n\n- 🌎 [**Picnic CSS**](picnicss.com) - Lightweight and beautiful library.  \n  ![](https://img.shields.io/github/stars/franciscop/picnic.svg?style=social\u0026label=Star)\n  🌎 [Demo](picnicss.com/tests),\n  🌎 [Docs](picnicss.com/documentation),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3879⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;225🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/franciscop/picnic))\n  | #SCSS\n\n- 🌎 [**Chota**](jenil.github.io/chota/) - Really small CSS framework.  \n  ![](https://img.shields.io/github/stars/jenil/chota.svg?style=social\u0026label=Star)\n  🌎 [Demo](raw.githack.com/jenil/chota/master/test/index.html),\n  🌎 [Docs](jenil.github.io/chota/#docs),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1549⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;92🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/jenil/chota))\n  | #CSS\n\n\n## General Purpose\n\n- 🌎 [**Bootstrap**](getbootstrap.com) - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.  \n  ![](https://img.shields.io/github/stars/twbs/bootstrap.svg?style=social\u0026label=Star)\n  🌎 [Demo](getbootstrap.com/docs/4.0/examples/),\n  🌎 [Docs](getbootstrap.com/docs/4.0/),\n  \u003cb\u003e\u003ccode\u003e174987⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;78567🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/twbs/bootstrap))\n  | #SCSS\n\n- 🌎 [**Bulma**](bulma.io) - Modern CSS framework based on Flexbox.  \n  ![](https://img.shields.io/github/stars/jgthms/bulma.svg?style=social\u0026label=Star)\n  🌎 [Demo](bulma.io/expo/),\n  🌎 [Docs](bulma.io/documentation/overview/start/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;50053⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3875🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/jgthms/bulma))\n  | #Sass\n\n- 🌎 [**Foundation**](get.foundation/) - The most advanced responsive front-end framework in the world.  \n  ![](https://img.shields.io/github/stars/zurb/foundation-sites.svg?style=social\u0026label=Star)\n  🌎 [Demo](get.foundation/templates.html),\n  🌎 [Docs](get.foundation/sites/docs/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;29799⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;5394🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/foundation/foundation-sites))\n  | #SCSS\n\n- 🌎 [**UIkit**](getuikit.com) - Lightweight and modular front-end framework for developing fast and powerful web interfaces.  \n  ![](https://img.shields.io/github/stars/uikit/uikit.svg?style=social\u0026label=Star)\n  🌎 [Demo](getuikit.com/v2/showcase/index.html),\n  🌎 [Docs](getuikit.com/docs/introduction),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;18538⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2286🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/uikit/uikit))\n  | #LESS #SCSS\n\n- 🌎 [**Primer**](primer.style/) - CSS framework that powers GitHub's front-end design.  \n  ![](https://img.shields.io/github/stars/primer/css.svg?style=social\u0026label=Star)\n  🌎 [Docs](primer.style/css/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;13028⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1288🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/primer/css))\n  | #SCSS\n\n- 🌎 [**Carbon Components**](www.carbondesignsystem.com/) - Component library behind IBM's Carbon Design System.  \n  ![](https://img.shields.io/github/stars/carbon-design-system/carbon-components.svg?style=social\u0026label=Star)\n  🌎 [Docs](www.carbondesignsystem.com/components/overview/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;9519⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2286🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/carbon-design-system/carbon))\n  | #SCSS\n\n- 🌎 [**U.S. Web Design System**](designsystem.digital.gov/) - Components used by U.S. federal government websites.  \n  ![](https://img.shields.io/github/stars/uswds/uswds.svg?style=social\u0026label=Star)\n  🌎 [Docs](designsystem.digital.gov/components/overview/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;7209⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1125🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/uswds/uswds))\n  | #SCSS\n\n- 🌎 [**Fomantic-UI**](fomantic-ui.com/) - Build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging.  \n  ![](https://img.shields.io/github/stars/fomantic/fomantic-ui.svg?style=social\u0026label=Star)\n  🌎 [Docs](fomantic-ui.com/introduction/getting-started.html),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/fomantic/fomantic-ui/))\n  | #LESS\n\n- 🌎 [**Cirrus**](cirrus-ui.netlify.app/) - Component and utility centric SCSS framework designed for rapid prototyping.  \n  ![](https://img.shields.io/github/stars/spiderpig86/Cirrus.svg?style=social\u0026label=Star)\n  🌎 [Demo](cirrus-ui.netlify.app/getting-started/examples),\n  🌎 [Docs](cirrus-ui.netlify.app/getting-started/setup),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1430⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;76🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/Spiderpig86/Cirrus))\n  | #SCSS\n\n- 🌎 [**Vanilla Framework**](vanillaframework.io/) - Simple, extensible CSS framework. Written by the Canonical Web Team.  \n  ![](https://img.shields.io/github/stars/canonical-web-and-design/vanilla-framework.svg?style=social\u0026label=Star)\n  🌎 [Demo](vanillaframework.io/docs/examples),\n  🌎 [Docs](vanillaframework.io/docs/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;985⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;217🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/canonical/vanilla-framework))\n  | #SCSS\n\n- 🌎 [**PatternFly**](www.patternfly.org/) - UI framework for enterprise web applications.  \n  ![](https://img.shields.io/github/stars/patternfly/patternfly.svg?style=social\u0026label=Star)\n  🌎 [Demo](www.patternfly.org/patterns/about-patterns),\n  🌎 [Docs](www.patternfly.org/get-started/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;819⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;116🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/patternfly/patternfly))\n  | #SCSS #LESS\n\n- 🌎 [**Stacks**](stackoverflow.design/) - UI components used by Stack Overflow.  \n  ![](https://img.shields.io/github/stars/StackExchange/Stacks.svg?style=social\u0026label=Star)\n  🌎 [Docs](stackoverflow.design/product/develop/using-stacks/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;673⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;107🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/StackExchange/Stacks))\n  | #LESS\n\n- 🌎 [**HiQ**](jonathanharrell.github.io/hiq/) - Simple CSS foundation with responsive typography and input styling.  \n  ![](https://img.shields.io/github/stars/jonathanharrell/hiq.svg?style=social\u0026label=Star)\n  🌎 [Docs](jonathanharrell.github.io/hiq/guide/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/jonathanharrell/hiq/))\n  | #PostCSS\n\n\n## Material Design\n\n- 🌎 [**Beer CSS**](www.beercss.com) - Build material design interfaces in record time without stress for devs.  \n  ![](https://img.shields.io/github/stars/beercss/beercss.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2609⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;101🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/beercss/beercss))\n  | #CSS\n\n- 🌎 [**Materialize**](materializecss.github.io/materialize/) - Responsive front-end library based on Google's Material Design.  \n  ![](https://img.shields.io/github/stars/materializecss/materialize.svg?style=social\u0026label=Star)\n  🌎 [Docs](materializecss.github.io/materialize/getting-started.html),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;995⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;109🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/materializecss/materialize))\n  | #SCSS\n\n\n## Utility-based\n\n- 🌎 [**Tailwind CSS**](tailwindcss.com) - Utility-first CSS framework for rapid UI development.  \n  ![](https://img.shields.io/github/stars/tailwindlabs/tailwindcss.svg?style=social\u0026label=Star)\n  🌎 [Docs](tailwindcss.com/docs),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;97765⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;7478🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/tailwindlabs/tailwindcss))\n  | #CSS\n\n- 🌎 [**Open Props**](open-props.style) - CSS custom properties to help accelerate adaptive and consistent design.  \n  ![](https://img.shields.io/github/stars/argyleink/open-props.svg?style=social\u0026label=Star)\n  🌎 [Demo](open-props.style/#gallery),\n  🌎 [Docs](open-props.style/#getting-started),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/argyleink/open-props/))\n  | #CSS #PostCSS\n\n\n## Specialized\n\n- 🌎 [**NES.css**](nostalgic-css.github.io/NES.css/) - NES-style CSS Framework.  \n  ![](https://img.shields.io/github/stars/nostalgic-css/NES.css.svg?style=social\u0026label=Star)\n  🌎 [Demo](nostalgic-css.github.io/NES.css/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;21845⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1687🍴\u003c/code\u003e\u003c/b\u003e [Docs](https://github.com/nostalgic-css/NES.css#installation)),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;21845⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1687🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/nostalgic-css/NES.css))\n  | #SCSS\n\n- 🌎 [**98.css**](jdan.github.io/98.css/) - CSS library for building interfaces that look like Windows 98.  \n  ![](https://img.shields.io/github/stars/jdan/98.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;11512⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;380🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/jdan/98.css))\n  | #CSS\n\n- 🌎 [**Tufte CSS**](edwardtufte.github.io/tufte-css/) - Style your webpage like Edward Tufte’s handouts.  \n  ![](https://img.shields.io/github/stars/edwardtufte/tufte-css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;6572⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;485🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/edwardtufte/tufte-css))\n  | #CSS\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4922⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;143🍴\u003c/code\u003e\u003c/b\u003e [**Gutenberg**](https://github.com/BafS/Gutenberg)) - Modern framework to print the web correctly.  \n  ![](https://img.shields.io/github/stars/BafS/Gutenberg.svg?style=social\u0026label=Star)\n  🌎 [Demo](bafs.github.io/Gutenberg/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4922⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;143🍴\u003c/code\u003e\u003c/b\u003e [Docs](https://github.com/BafS/Gutenberg#what-does-the-framework-do-))\n  | #SCSS\n\n- 🌎 [**System.css**](sakofchit.github.io/system.css/) - Design system for building retro Apple interfaces.  \n  ![](https://img.shields.io/github/stars/sakofchit/system.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3893⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;127🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/sakofchit/system.css))\n  | #PostCSS\n\n- 🌎 [**XP.css**](botoxparty.github.io/XP.css/) - CSS library for building interfaces that look like Windows XP.  \n  ![](https://img.shields.io/github/stars/botoxparty/XP.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3103⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;142🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/botoxparty/XP.css))\n  | #PostCSS\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1973⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;78🍴\u003c/code\u003e\u003c/b\u003e [**TuiCss**](https://github.com/vinibiavatti1/TuiCss)) - Library to create MS-DOS interfaces.  \n  ![](https://img.shields.io/github/stars/vinibiavatti1/TuiCss.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Demo](https://github.com/vinibiavatti1/TuiCss/wiki/Examples)),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Docs](https://github.com/vinibiavatti1/TuiCss/wiki))\n  | #SCSS\n\n- 🌎 [**7.css**](khang-nd.github.io/7.css/) - CSS library for building interfaces that look like Windows 7.  \n  ![](https://img.shields.io/github/stars/khang-nd/7.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2446⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;124🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/khang-nd/7.css))\n  | #PostCSS\n\n- 🌎 [**Bojler**](bojler.slicejack.com) - Email framework for developing responsive and lightweight email templates.  \n  ![](https://img.shields.io/github/stars/Slicejack/bojler.svg?style=social\u0026label=Star)\n  🌎 [Docs](bojler.slicejack.com/documentation/getting-started/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1052⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;56🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/Slicejack/bojler))\n  | #SCSS\n\n- 🌎 [**Orbit**](zumerlab.github.io/orbit-docs/) - CSS framework designed for building any kind of radial UI.  \n  ![](https://img.shields.io/github/stars/zumerlab/orbit.svg?style=social\u0026label=Star)\n  🌎 [Docs](zumerlab.github.io/orbit-docs/introduction/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;764⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;20🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/zumerlab/orbit))\n  | #SCSS\n\n\n## Stalled Development\n\nFrameworks that have not seen any real development for more than about one year or officially have been deprecated.\nWe are keeping them here for reference/inspiration and hope for a revival.\n\n\u003cdetails\u003e\n  \u003csummary\u003e\u003cstrong\u003eShow Section\u003c/strong\u003e\u003c/summary\u003e\n\n- 🌎 [**Semantic UI**](semantic-ui.com) - User interface is the language of the web.  \n  ![](https://img.shields.io/github/stars/semantic-org/semantic-ui.svg?style=social\u0026label=Star)\n  🌎 [Docs](semantic-ui.com/introduction/getting-started.html),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;51022⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4842🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/semantic-org/semantic-ui))\n  | #LESS\n\n- 🌎 [**Material Components Web**](material.io/components/web/) - Modular and customizable Material Design UI components for the web.  \n  ![](https://img.shields.io/github/stars/material-components/material-components-web.svg?style=social\u0026label=Star)\n  🌎 [Demo](material.io/components?platform=web),\n  🌎 [Docs](material.io/develop/web/getting-started),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;17045⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2125🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/material-components/material-components-web))\n  | #SCSS\n\n- 🌎 [**Tachyons**](tachyons.io) - Quickly build and design new UI without writing CSS.  \n  ![](https://img.shields.io/github/stars/tachyons-css/tachyons.svg?style=social\u0026label=Star)\n  🌎 [Demo](tachyons.io/gallery/),\n  🌎 [Docs](tachyons.io/docs/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/tachyons-css/tachyons/))\n  | #CSS\n\n- 🌎 [**Bourbon**](www.bourbon.io/) - Lightweight Sass tool set.  \n  ![](https://img.shields.io/github/stars/thoughtbot/bourbon.svg?style=social\u0026label=Star)\n  🌎 [Docs](www.bourbon.io/docs/latest/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/thoughtbot/bourbon/))\n  | #SCSS\n\n- 🌎 [**Water.css**](watercss.kognise.dev/) - Just-add-CSS collection of styles to make simple websites just a little nicer.  \n  ![](https://img.shields.io/github/stars/kognise/water.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;8652⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;497🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/kognise/water.css))\n  | #CSS\n\n- 🌎 [**sanitize.css**](csstools.github.io/sanitize.css/) - The best-practices CSS foundation.  \n  ![](https://img.shields.io/github/stars/csstools/sanitize.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;5309⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;299🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/csstools/sanitize.css))\n  | #CSS\n  \n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2955⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;419🍴\u003c/code\u003e\u003c/b\u003e [**modern-css-reset**](https://github.com/hankchizljaw/modern-css-reset)) - Tiny little reset that you can use as the basis of your CSS projects.  \n  ![](https://img.shields.io/github/stars/hankchizljaw/modern-css-reset.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2955⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;419🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/hankchizljaw/modern-css-reset))\n  | #CSS\n\n- 🌎 [**minireset.css**](jgthms.com/minireset.css/) - Tiny modern CSS reset.  \n  ![](https://img.shields.io/github/stars/jgthms/minireset.css.svg?style=social\u0026label=Star)\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2800⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;502🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/jgthms/minireset.css))\n  | #Sass\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2224⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;113🍴\u003c/code\u003e\u003c/b\u003e [**CSS Remedy**](https://github.com/jensimmons/cssremedy)) - Start your project with a remedy for the technical debt of CSS.  \n  ![](https://img.shields.io/github/stars/jensimmons/cssremedy.svg?style=social\u0026label=Star)\n  | #CSS\n\n- 🌎 [**Blaze UI**](www.blazeui.com) - Open source modular toolkit providing great structure for building websites quickly with a scalable and maintainable foundation.  \n  ![](https://img.shields.io/github/stars/BlazeSoftware/atoms.svg?style=social\u0026label=Star)\n  🌎 [Demo](www.blazeui.com/components/buttons/),\n  🌎 [Docs](www.blazeui.com/getting-started/install/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1551⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;111🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/BlazeSoftware/atoms))\n  | #SCSS\n\n- 🌎 [**Concise CSS**](concisecss.com) - Give up the bloat. Stop tripping over your classes. Be concise.  \n  ![](https://img.shields.io/github/stars/ConciseCSS/concise.css.svg?style=social\u0026label=Star)\n  🌎 [Docs](concisecss.com/documentation/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;928⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;71🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/ConciseCSS/concise.css))\n  | #SCSS\n\n- 🌎 [**Responsive Boilerplate**](responsivebp.com) - Powerful, accessible, developer friendly framework for building responsive websites.  \n  ![](https://img.shields.io/github/stars/responsivebp/responsive.svg?style=social\u0026label=Star)\n  🌎 [Docs](responsivebp.com/getting-started/),\n  \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;870⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;134🍴\u003c/code\u003e\u003c/b\u003e [Repo](https://github.com/responsivebp/responsive))\n  | #SCSS\n\n\u003c/details\u003e\n\n---\n\n## License\nLicense 🌎 [CC0 1.0](creativecommons.org/publicdomain/zero/1.0/):\n\n\u003e You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.\n\nImages of GitHub stars are provided by \u003cb\u003e\u003ccode\u003e\u0026nbsp;27239⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;5618🍴\u003c/code\u003e\u003c/b\u003e [Shields](https://github.com/badges/shields)).\n\r\n## Source\r\n\u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;9538⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;499🍴\u003c/code\u003e\u003c/b\u003e [troxler/awesome-css-frameworks](https://github.com/troxler/awesome-css-frameworks))","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/correia-jpv%2Ffucking-awesome-css-frameworks/projects"}