awesome-awesomeness/html/cssframeworks.html

<h1 id="awesome-css-frameworks-awesome">Awesome CSS Frameworks <a
href="https://awesome.re"><img src="https://awesome.re/badge.svg"
alt="Awesome" /></a></h1>
<p>List of awesome CSS frameworks.<br />
Feel free to <a
href="https://github.com/troxler/awesome-css-frameworks/blob/master/.github/CONTRIBUTING.md">contribute</a>.</p>
<p><strong>Supported by <a
href="https://frontaid.io/?pk_campaign=cssfw">FrontAid
CMS</a></strong>:</p>
<p><a href="https://frontaid.io/?pk_campaign=cssfw"><img
  src="media/frontaid.png"
  width="600"
  alt="FrontAid CMS - Agile Content Management with Git."></a></p>
<h2 id="contents">Contents</h2>
<ul>
<li><a href="#base--reset--normalize">Base / Reset / Normalize</a></li>
<li><a href="#class-less">Class-less</a></li>
<li><a href="#very-lightweight">Very Lightweight</a></li>
<li><a href="#general-purpose">General Purpose</a></li>
<li><a href="#material-design">Material Design</a></li>
<li><a href="#utility-based">Utility-based</a></li>
<li><a href="#specialized">Specialized</a></li>
<li><a href="#stalled-development">Stalled Development</a></li>
</ul>
<h2 id="base-reset-normalize">Base / Reset / Normalize</h2>
<ul>
<li><p><a
href="https://github.com/sindresorhus/modern-normalize"><strong>modern-normalize</strong></a>
- Normalize browsers’ default style.<br />
<img
src="https://img.shields.io/github/stars/sindresorhus/modern-normalize.svg?style=social&amp;label=Star" />
<a href="https://github.com/sindresorhus/modern-normalize">Repo</a> |
#CSS</p></li>
<li><p><a
href="https://github.com/filipelinhares/ress"><strong>ress</strong></a>
- Modern CSS reset.<br />
<img
src="https://img.shields.io/github/stars/filipelinhares/ress.svg?style=social&amp;label=Star" />
<a href="https://github.com/filipelinhares/ress">Repo</a> |
#CSS</p></li>
<li><p><a
href="https://github.com/frontaid/natural-selection"><strong>Natural
Selection</strong></a> - Collection of best-practice CSS
selectors.<br />
<img
src="https://img.shields.io/github/stars/frontaid/natural-selection.svg?style=social&amp;label=Star" />
| #CSS</p></li>
</ul>
<h2 id="class-less">Class-less</h2>
<p>Frameworks that use semantic HTML and do not rely on classes.</p>
<ul>
<li><p><a href="https://picocss.com/"><strong>Pico.css</strong></a> -
Elegant styles for all native HTML elements, dark mode automatically
enabled.<br />
<img
src="https://img.shields.io/github/stars/picocss/pico.svg?style=social&amp;label=Star" />
<a href="https://picocss.com/#examples">Demo</a>, <a
href="https://picocss.com/docs/">Docs</a>, <a
href="https://github.com/picocss/pico">Repo</a> | #SCSS</p></li>
<li><p><a
href="https://andybrewer.github.io/mvp/"><strong>MVP.css</strong></a> -
Minimalist stylesheet for HTML elements.<br />
<img
src="https://img.shields.io/github/stars/andybrewer/mvp.svg?style=social&amp;label=Star" />
<a href="https://andybrewer.github.io/mvp/#docs">Docs</a>, <a
href="https://github.com/andybrewer/mvp/">Repo</a> | #CSS</p></li>
<li><p><a
href="https://oxal.org/projects/sakura/"><strong>sakura</strong></a> -
Minimal classless CSS framework/theme.<br />
<img
src="https://img.shields.io/github/stars/oxalorg/sakura.svg?style=social&amp;label=Star" />
<a href="https://oxal.org/projects/sakura/demo/">Demo</a>, <a
href="https://github.com/oxalorg/sakura">Repo</a> | #SCSS</p></li>
<li><p><a href="https://simplecss.org/"><strong>Simple.css</strong></a>
- Lightweight, classless CSS framework.<br />
<embed
src="https://img.shields.io/github/stars/kevquirk/simple.css?style=social&amp;label=Star" />
<a href="https://simplecss.org/demo">Demo</a>, <a
href="https://github.com/kevquirk/simple.css/wiki">Docs</a>, <a
href="https://github.com/kevquirk/simple.css/">Repo</a> | #CSS</p></li>
<li><p><a
href="https://yegor256.github.io/tacit/"><strong>Tacit</strong></a> -
CSS framework for dummies, without classes.<br />
<img
src="https://img.shields.io/github/stars/yegor256/tacit.svg?style=social&amp;label=Star" />
<a href="https://github.com/yegor256/tacit/">Repo</a> | #SCSS</p></li>
</ul>
<h2 id="very-lightweight">Very Lightweight</h2>
<p>Frameworks that are smaller than ~5KB.</p>
<ul>
<li><p><a href="https://purecss.io"><strong>Pure</strong></a> - Set of
small, responsive CSS modules that you can use in every web
project.<br />
<img
src="https://img.shields.io/github/stars/pure-css/pure.svg?style=social&amp;label=Star" />
<a href="https://purecss.io/layouts/">Demo</a>, <a
href="https://purecss.io/start/">Docs</a>, <a
href="https://github.com/pure-css/pure">Repo</a> | #CSS</p></li>
<li><p><a href="https://picnicss.com"><strong>Picnic CSS</strong></a> -
Lightweight and beautiful library.<br />
<img
src="https://img.shields.io/github/stars/franciscop/picnic.svg?style=social&amp;label=Star" />
<a href="https://picnicss.com/tests">Demo</a>, <a
href="https://picnicss.com/documentation">Docs</a>, <a
href="https://github.com/franciscop/picnic">Repo</a> | #SCSS</p></li>
<li><p><a
href="https://jenil.github.io/chota/"><strong>Chota</strong></a> -
Really small CSS framework.<br />
<img
src="https://img.shields.io/github/stars/jenil/chota.svg?style=social&amp;label=Star" />
<a
href="https://raw.githack.com/jenil/chota/master/test/index.html">Demo</a>,
<a href="https://jenil.github.io/chota/#docs">Docs</a>, <a
href="https://github.com/jenil/chota">Repo</a> | #CSS</p></li>
</ul>
<h2 id="general-purpose">General Purpose</h2>
<ul>
<li><p><a href="https://getbootstrap.com"><strong>Bootstrap</strong></a>
- The most popular HTML, CSS, and JavaScript framework for developing
responsive, mobile first projects on the web.<br />
<img
src="https://img.shields.io/github/stars/twbs/bootstrap.svg?style=social&amp;label=Star" />
<a href="https://getbootstrap.com/docs/4.0/examples/">Demo</a>, <a
href="https://getbootstrap.com/docs/4.0/">Docs</a>, <a
href="https://github.com/twbs/bootstrap">Repo</a> | #SCSS</p></li>
<li><p><a href="https://bulma.io"><strong>Bulma</strong></a> - Modern
CSS framework based on Flexbox.<br />
<img
src="https://img.shields.io/github/stars/jgthms/bulma.svg?style=social&amp;label=Star" />
<a href="https://bulma.io/expo/">Demo</a>, <a
href="https://bulma.io/documentation/overview/start/">Docs</a>, <a
href="https://github.com/jgthms/bulma">Repo</a> | #Sass</p></li>
<li><p><a href="https://get.foundation/"><strong>Foundation</strong></a>
- The most advanced responsive front-end framework in the world.<br />
<img
src="https://img.shields.io/github/stars/zurb/foundation-sites.svg?style=social&amp;label=Star" />
<a href="https://get.foundation/templates.html">Demo</a>, <a
href="https://get.foundation/sites/docs/">Docs</a>, <a
href="https://github.com/foundation/foundation-sites">Repo</a> |
#SCSS</p></li>
<li><p><a href="https://getuikit.com"><strong>UIkit</strong></a> -
Lightweight and modular front-end framework for developing fast and
powerful web interfaces.<br />
<img
src="https://img.shields.io/github/stars/uikit/uikit.svg?style=social&amp;label=Star" />
<a href="https://getuikit.com/v2/showcase/index.html">Demo</a>, <a
href="https://getuikit.com/docs/introduction">Docs</a>, <a
href="https://github.com/uikit/uikit">Repo</a> | #LESS #SCSS</p></li>
<li><p><a href="https://primer.style/"><strong>Primer</strong></a> - CSS
framework that powers GitHub’s front-end design.<br />
<img
src="https://img.shields.io/github/stars/primer/css.svg?style=social&amp;label=Star" />
<a href="https://primer.style/css/">Docs</a>, <a
href="https://github.com/primer/css">Repo</a> | #SCSS</p></li>
<li><p><a href="https://www.carbondesignsystem.com/"><strong>Carbon
Components</strong></a> - Component library behind IBM’s Carbon Design
System.<br />
<img
src="https://img.shields.io/github/stars/carbon-design-system/carbon-components.svg?style=social&amp;label=Star" />
<a
href="https://www.carbondesignsystem.com/components/overview/">Docs</a>,
<a href="https://github.com/carbon-design-system/carbon">Repo</a> |
#SCSS</p></li>
<li><p><a href="https://designsystem.digital.gov/"><strong>U.S. Web
Design System</strong></a> - Components used by U.S. federal government
websites.<br />
<img
src="https://img.shields.io/github/stars/uswds/uswds.svg?style=social&amp;label=Star" />
<a
href="https://designsystem.digital.gov/components/overview/">Docs</a>,
<a href="https://github.com/uswds/uswds">Repo</a> | #SCSS</p></li>
<li><p><a
href="https://fomantic-ui.com/"><strong>Fomantic-UI</strong></a> - Build
beautiful websites fast, with concise HTML, intuitive javascript, and
simplified debugging.<br />
<img
src="https://img.shields.io/github/stars/fomantic/fomantic-ui.svg?style=social&amp;label=Star" />
<a
href="https://fomantic-ui.com/introduction/getting-started.html">Docs</a>,
<a href="https://github.com/fomantic/fomantic-ui/">Repo</a> |
#LESS</p></li>
<li><p><a href="https://www.blazeui.com"><strong>Blaze UI</strong></a> -
Open source modular toolkit providing great structure for building
websites quickly with a scalable and maintainable foundation.<br />
<img
src="https://img.shields.io/github/stars/BlazeSoftware/atoms.svg?style=social&amp;label=Star" />
<a href="https://www.blazeui.com/components/buttons/">Demo</a>, <a
href="https://www.blazeui.com/getting-started/install/">Docs</a>, <a
href="https://github.com/BlazeSoftware/atoms">Repo</a> | #SCSS</p></li>
<li><p><a
href="https://cirrus-ui.netlify.app/"><strong>Cirrus</strong></a> -
Component and utility centric SCSS framework designed for rapid
prototyping.<br />
<img
src="https://img.shields.io/github/stars/spiderpig86/Cirrus.svg?style=social&amp;label=Star" />
<a
href="https://cirrus-ui.netlify.app/getting-started/examples">Demo</a>,
<a href="https://cirrus-ui.netlify.app/getting-started/setup">Docs</a>,
<a href="https://github.com/Spiderpig86/Cirrus">Repo</a> | #CSS</p></li>
<li><p><a href="https://vanillaframework.io/"><strong>Vanilla
Framework</strong></a> - Simple, extensible CSS framework. Written by
the Canonical Web Team.<br />
<img
src="https://img.shields.io/github/stars/canonical-web-and-design/vanilla-framework.svg?style=social&amp;label=Star" />
<a href="https://vanillaframework.io/docs/examples">Demo</a>, <a
href="https://vanillaframework.io/docs/">Docs</a>, <a
href="https://github.com/canonical/vanilla-framework">Repo</a> |
#SCSS</p></li>
<li><p><a
href="https://www.patternfly.org/"><strong>PatternFly</strong></a> - UI
framework for enterprise web applications.<br />
<img
src="https://img.shields.io/github/stars/patternfly/patternfly.svg?style=social&amp;label=Star" />
<a href="https://www.patternfly.org/patterns/about-patterns">Demo</a>,
<a href="https://www.patternfly.org/get-started/">Docs</a>, <a
href="https://github.com/patternfly/patternfly">Repo</a> | #SCSS
#LESS</p></li>
<li><p><a
href="https://stackoverflow.design/"><strong>Stacks</strong></a> - UI
components used by Stack Overflow.<br />
<img
src="https://img.shields.io/github/stars/StackExchange/Stacks.svg?style=social&amp;label=Star" />
<a
href="https://stackoverflow.design/product/develop/using-stacks/">Docs</a>,
<a href="https://github.com/StackExchange/Stacks">Repo</a> |
#LESS</p></li>
<li><p><a
href="https://jonathanharrell.github.io/hiq/"><strong>HiQ</strong></a> -
Simple CSS foundation with responsive typography and input
styling.<br />
<img
src="https://img.shields.io/github/stars/jonathanharrell/hiq.svg?style=social&amp;label=Star" />
<a href="https://jonathanharrell.github.io/hiq/guide/">Docs</a>, <a
href="https://github.com/jonathanharrell/hiq/">Repo</a> |
#PostCSS</p></li>
</ul>
<h2 id="material-design">Material Design</h2>
<ul>
<li><p><a href="https://material.io/components/web/"><strong>Material
Components Web</strong></a> - Modular and customizable Material Design
UI components for the web.<br />
<img
src="https://img.shields.io/github/stars/material-components/material-components-web.svg?style=social&amp;label=Star" />
<a href="https://material.io/components?platform=web">Demo</a>, <a
href="https://material.io/develop/web/getting-started">Docs</a>, <a
href="https://github.com/material-components/material-components-web">Repo</a>
| #SCSS</p></li>
<li><p><a href="https://www.beercss.com"><strong>Beer CSS</strong></a> -
Build material design interfaces in record time without stress for
devs.<br />
<img
src="https://img.shields.io/github/stars/beercss/beercss.svg?style=social&amp;label=Star" />
<a href="https://github.com/beercss/beercss">Repo</a> | #CSS</p></li>
<li><p><a
href="https://materializecss.github.io/materialize/"><strong>Materialize</strong></a>
- Responsive front-end library based on Google’s Material Design.<br />
<img
src="https://img.shields.io/github/stars/materializecss/materialize.svg?style=social&amp;label=Star" />
<a
href="https://materializecss.github.io/materialize/getting-started.html">Docs</a>,
<a href="https://github.com/materializecss/materialize">Repo</a> |
#SCSS</p></li>
</ul>
<h2 id="utility-based">Utility-based</h2>
<ul>
<li><p><a href="https://tailwindcss.com"><strong>Tailwind
CSS</strong></a> - Utility-first CSS framework for rapid UI
development.<br />
<img
src="https://img.shields.io/github/stars/tailwindlabs/tailwindcss.svg?style=social&amp;label=Star" />
<a href="https://tailwindcss.com/docs">Docs</a>, <a
href="https://github.com/tailwindlabs/tailwindcss">Repo</a> |
#CSS</p></li>
<li><p><a href="https://open-props.style"><strong>Open
Props</strong></a> - CSS custom properties to help accelerate adaptive
and consistent design.<br />
<img
src="https://img.shields.io/github/stars/argyleink/open-props.svg?style=social&amp;label=Star" />
<a href="https://open-props.style/#gallery">Demo</a>, <a
href="https://open-props.style/#getting-started">Docs</a>, <a
href="https://github.com/argyleink/open-props/">Repo</a> | #CSS
#PostCSS</p></li>
</ul>
<h2 id="specialized">Specialized</h2>
<ul>
<li><p><a
href="https://nostalgic-css.github.io/NES.css/"><strong>NES.css</strong></a>
- NES-style CSS Framework.<br />
<img
src="https://img.shields.io/github/stars/nostalgic-css/NES.css.svg?style=social&amp;label=Star" />
<a href="https://nostalgic-css.github.io/NES.css/">Demo</a>, <a
href="https://github.com/nostalgic-css/NES.css#installation">Docs</a>,
<a href="https://github.com/nostalgic-css/NES.css">Repo</a> |
#SCSS</p></li>
<li><p><a
href="https://jdan.github.io/98.css/"><strong>98.css</strong></a> - CSS
library for building interfaces that look like Windows 98.<br />
<img
src="https://img.shields.io/github/stars/jdan/98.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/jdan/98.css">Repo</a> | #CSS</p></li>
<li><p><a href="https://edwardtufte.github.io/tufte-css/"><strong>Tufte
CSS</strong></a> - Style your webpage like Edward Tufte’s
handouts.<br />
<img
src="https://img.shields.io/github/stars/edwardtufte/tufte-css.svg?style=social&amp;label=Star" />
<a href="https://github.com/edwardtufte/tufte-css">Repo</a> |
#CSS</p></li>
<li><p><a
href="https://github.com/BafS/Gutenberg"><strong>Gutenberg</strong></a>
- Modern framework to print the web correctly.<br />
<img
src="https://img.shields.io/github/stars/BafS/Gutenberg.svg?style=social&amp;label=Star" />
<a href="https://bafs.github.io/Gutenberg/">Demo</a>, <a
href="https://github.com/BafS/Gutenberg#what-does-the-framework-do-">Docs</a>
| #SCSS</p></li>
<li><p><a
href="https://sakofchit.github.io/system.css/"><strong>System.css</strong></a>
- Design system for building retro Apple interfaces.<br />
<img
src="https://img.shields.io/github/stars/sakofchit/system.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/sakofchit/system.css">Repo</a> |
#PostCSS</p></li>
<li><p><a
href="https://botoxparty.github.io/XP.css/"><strong>XP.css</strong></a>
- CSS library for building interfaces that look like Windows XP.<br />
<img
src="https://img.shields.io/github/stars/botoxparty/XP.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/botoxparty/XP.css">Repo</a> |
#PostCSS</p></li>
<li><p><a
href="https://github.com/vinibiavatti1/TuiCss"><strong>TuiCss</strong></a>
- Library to create MS-DOS interfaces.<br />
<img
src="https://img.shields.io/github/stars/vinibiavatti1/TuiCss.svg?style=social&amp;label=Star" />
<a
href="https://github.com/vinibiavatti1/TuiCss/wiki/Examples">Demo</a>,
<a href="https://github.com/vinibiavatti1/TuiCss/wiki">Docs</a> |
#SCSS</p></li>
<li><p><a
href="https://khang-nd.github.io/7.css/"><strong>7.css</strong></a> -
CSS library for building interfaces that look like Windows 7.<br />
<img
src="https://img.shields.io/github/stars/khang-nd/7.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/khang-nd/7.css">Repo</a> | #PostCSS</p></li>
<li><p><a
href="https://bojler.slicejack.com"><strong>Bojler</strong></a> - Email
framework for developing responsive and lightweight email
templates.<br />
<img
src="https://img.shields.io/github/stars/Slicejack/bojler.svg?style=social&amp;label=Star" />
<a
href="https://bojler.slicejack.com/documentation/getting-started/">Docs</a>,
<a href="https://github.com/Slicejack/bojler">Repo</a> | #SCSS</p></li>
<li><p><a
href="https://zumerlab.github.io/orbit-docs/"><strong>Orbit</strong></a>
- CSS framework designed for building any kind of radial UI.<br />
<img
src="https://img.shields.io/github/stars/zumerlab/orbit.svg?style=social&amp;label=Star" />
<a href="https://zumerlab.github.io/orbit-docs/introduction/">Docs</a>,
<a href="https://github.com/zumerlab/orbit">Repo</a> | #SCSS</p></li>
</ul>
<h2 id="stalled-development">Stalled Development</h2>
<p>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.</p>
<details>
<summary>
<strong>Show Section</strong>
</summary>
<ul>
<li><p><a href="https://semantic-ui.com"><strong>Semantic
UI</strong></a> - User interface is the language of the web.<br />
<img
src="https://img.shields.io/github/stars/semantic-org/semantic-ui.svg?style=social&amp;label=Star" />
<a
href="https://semantic-ui.com/introduction/getting-started.html">Docs</a>,
<a href="https://github.com/semantic-org/semantic-ui">Repo</a> |
#LESS</p></li>
<li><p><a href="https://tachyons.io"><strong>Tachyons</strong></a> -
Quickly build and design new UI without writing CSS.<br />
<img
src="https://img.shields.io/github/stars/tachyons-css/tachyons.svg?style=social&amp;label=Star" />
<a href="https://tachyons.io/gallery/">Demo</a>, <a
href="https://tachyons.io/docs/">Docs</a>, <a
href="https://github.com/tachyons-css/tachyons/">Repo</a> |
#CSS</p></li>
<li><p><a href="https://www.bourbon.io/"><strong>Bourbon</strong></a> -
Lightweight Sass tool set.<br />
<img
src="https://img.shields.io/github/stars/thoughtbot/bourbon.svg?style=social&amp;label=Star" />
<a href="https://www.bourbon.io/docs/latest/">Docs</a>, <a
href="https://github.com/thoughtbot/bourbon/">Repo</a> | #SCSS</p></li>
<li><p><a
href="https://watercss.kognise.dev/"><strong>Water.css</strong></a> -
Just-add-CSS collection of styles to make simple websites just a little
nicer.<br />
<img
src="https://img.shields.io/github/stars/kognise/water.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/kognise/water.css">Repo</a> | #CSS</p></li>
<li><p><a
href="https://csstools.github.io/sanitize.css/"><strong>sanitize.css</strong></a>
- The best-practices CSS foundation.<br />
<img
src="https://img.shields.io/github/stars/csstools/sanitize.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/csstools/sanitize.css">Repo</a> |
#CSS</p></li>
<li><p><a
href="https://github.com/hankchizljaw/modern-css-reset"><strong>modern-css-reset</strong></a>
- Tiny little reset that you can use as the basis of your CSS
projects.<br />
<img
src="https://img.shields.io/github/stars/hankchizljaw/modern-css-reset.svg?style=social&amp;label=Star" />
<a href="https://github.com/hankchizljaw/modern-css-reset">Repo</a> |
#CSS</p></li>
<li><p><a
href="https://jgthms.com/minireset.css/"><strong>minireset.css</strong></a>
- Tiny modern CSS reset.<br />
<img
src="https://img.shields.io/github/stars/jgthms/minireset.css.svg?style=social&amp;label=Star" />
<a href="https://github.com/jgthms/minireset.css">Repo</a> |
#Sass</p></li>
<li><p><a href="https://github.com/jensimmons/cssremedy"><strong>CSS
Remedy</strong></a> - Start your project with a remedy for the technical
debt of CSS.<br />
<img
src="https://img.shields.io/github/stars/jensimmons/cssremedy.svg?style=social&amp;label=Star" />
| #CSS</p></li>
<li><p><a
href="https://github.com/inuitcss/inuitcss"><strong>inuitcss</strong></a>
- Extensible, scalable, Sass-based, OOCSS framework for large and
long-lasting UI projects.<br />
<img
src="https://img.shields.io/github/stars/inuitcss/inuitcss.svg?style=social&amp;label=Star" />
<a href="https://github.com/inuitcss/inuitcss">Repo</a> | #SCSS</p></li>
<li><p><a href="https://unsemantic.com"><strong>unsemantic</strong></a>
- Fluid grid for mobile, tablet, and desktop.<br />
<img
src="https://img.shields.io/github/stars/nathansmith/unsemantic.svg?style=social&amp;label=Star" />
<a href="https://unsemantic.com/demo-responsive">Demo</a>, <a
href="https://unsemantic.com/css-documentation">Docs</a>, <a
href="https://github.com/nathansmith/unsemantic">Repo</a></p></li>
<li><p><a href="https://propeller.in"><strong>Propeller</strong></a> -
Front-end responsive framework based on Google’s Material Design
standards &amp; Bootstrap.<br />
<img
src="https://img.shields.io/github/stars/digicorp/propeller.svg?style=social&amp;label=Star" />
<a
href="https://propeller.in/frameworks/open-source/get-started/">Docs</a>,
<a href="https://github.com/digicorp/propeller">Repo</a> |
#SCSS</p></li>
<li><p><a href="https://concisecss.com"><strong>Concise CSS</strong></a>
- Give up the bloat. Stop tripping over your classes. Be concise.<br />
<img
src="https://img.shields.io/github/stars/ConciseCSS/concise.css.svg?style=social&amp;label=Star" />
<a href="https://concisecss.com/documentation/">Docs</a>, <a
href="https://github.com/ConciseCSS/concise.css">Repo</a> |
#SCSS</p></li>
<li><p><a href="https://responsivebp.com"><strong>Responsive
Boilerplate</strong></a> - Powerful, accessible, developer friendly
framework for building responsive websites.<br />
<img
src="https://img.shields.io/github/stars/responsivebp/responsive.svg?style=social&amp;label=Star" />
<a href="https://responsivebp.com/getting-started/">Docs</a>, <a
href="https://github.com/responsivebp/responsive">Repo</a> |
#SCSS</p></li>
<li><p><a href="https://turretcss.com"><strong>turretcss</strong></a> -
Responsive front-end framework for accessible and semantic
websites.<br />
<img
src="https://img.shields.io/github/stars/turretcss/turretcss.svg?style=social&amp;label=Star" />
<a href="https://turretcss.com/demo/">Demo</a>, <a
href="https://turretcss.com/getting-started/">Docs</a>, <a
href="https://github.com/turretcss/turretcss">Repo</a> | #CSS</p></li>
<li><p><a
href="https://www.centurionframework.com"><strong>Centurion</strong></a>
- Web-based framework for rapid prototyping and building larger web
projects.<br />
<img
src="https://img.shields.io/github/stars/justinhough/Centurion.svg?style=social&amp;label=Star" />
<a
href="https://github.com/justinhough/Centurion/blob/master/DOCUMENTATION.md">Docs</a>,
<a href="https://github.com/justinhough/Centurion">Repo</a></p></li>
</ul>
</details>
<hr />
<h2 id="license">License</h2>
<p>License <a
href="https://creativecommons.org/publicdomain/zero/1.0/">CC0
1.0</a>:</p>
<blockquote>
<p>You can copy, modify, distribute and perform the work, even for
commercial purposes, all without asking permission.</p>
</blockquote>
<p>Images of GitHub stars are provided by <a
href="https://github.com/badges/shields">Shields</a>.</p>
<p><a
href="https://github.com/troxler/awesome-css-frameworks">cssframeworks.md
Github</a></p>