A list of classless CSS themes/frameworks with screenshots
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

425 lines
32 KiB

5 years ago
# Classless CSS
This is a list of classless CSS themes and frameworks. "Classless" means a style sheet does not define special classes you must add to your HTML elements to style these elements. As a result, you can style any plain-HTML page just by linking to the style sheet. This is useful, for example, in prototyping.
5 years ago
5 years ago
## Contents
- [Classless CSS](#classless-css)
* [Contents](#contents)
* [Classless](#classless)
11 months ago
+ [Almond.CSS](#almondcss)
+ [attriCSS](#attricss)
+ [awsm.css](#awsmcss)
+ [axist](#axist)
+ [Bahunya](#bahunya)
+ [Bamboo CSS](#bamboo-css)
+ [BareCSS](#barecss)
+ [Basic.css](#basiccss)
+ [Bolt.css](#boltcss)
+ [Classless.css](#classlesscss)
+ [concrete.css](#concretecss)
+ [Downstyler](#downstyler)
+ [holiday.css](#holidaycss)
+ [LatexCSS](#latexcss)
+ [Markdown CSS — Air](#markdown-css--air)
+ [Markdown CSS — Modest](#markdown-css--modest)
+ [Markdown CSS — Retro](#markdown-css--retro)
+ [Markdown CSS — Splendor](#markdown-css--splendor)
+ [Marx](#marx)
+ [MercuryCSS](#mercurycss)
+ [MVP.css](#mvpcss)
+ [new.css](#newcss)
+ [no-class.css](#no-classcss)
+ [Pico.css](#picocss)
+ [ridge.css](#ridgecss)
+ [sakura](#sakura)
+ [Simple.css](#simplecss)
+ [SPCSS](#spcss)
+ [style.css](#stylecss)
+ [Stylize.css](#stylizecss)
+ [tacit](#tacit)
+ [Tufte CSS](#tufte-css)
+ [W3C Core Styles](#w3c-core-styles)
+ [water.css](#watercss)
+ [Writ](#writ)
+ [YoRHa](#yorha)
* [Class-light](#class-light)
+ [Chota](#chota)
+ [Milligram](#milligram)
+ [mini.css](#minicss)
+ [Picnic CSS](#picnic-css)
+ [Wing](#wing)
* [See also](#see-also)
* [License](#license)
5 years ago
## Classless
11 months ago
### Almond.CSS
* [Repository](https://github.com/alvaromontoro/almond.css) ![GitHub stars](https://img.shields.io/github/stars/alvaromontoro/almond.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/alvaromontoro/almond.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/alvaromontoro/almond.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/alvaromontoro/almond.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/alvaromontoro/almond.css?style=flat-square)
* [Demo](https://alvaromontoro.github.io/almond.css/demo/)
[![almond-css.png](thumbnail/almond-css.png)](screenshot/almond-css.png)
### attriCSS
5 years ago
* [Repository](https://github.com/raj457036/attriCSS) ![GitHub stars](https://img.shields.io/github/stars/raj457036/attriCSS?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/raj457036/attriCSS?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/raj457036/attriCSS?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/raj457036/attriCSS?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/raj457036/attriCSS?style=flat-square)
* [Demo](https://raj457036.github.io/attriCSS/)
[![attricss-0-brightlight-green.png](thumbnail/attricss-0-brightlight-green.png)](screenshot/attricss-0-brightlight-green.png)
[![attricss-1-midnight-green.png](thumbnail/attricss-1-midnight-green.png)](screenshot/attricss-1-midnight-green.png)
[![attricss-2-darkforest-green.png](thumbnail/attricss-2-darkforest-green.png)](screenshot/attricss-2-darkforest-green.png)
[![attricss-3-darkfairy-pink.png](thumbnail/attricss-3-darkfairy-pink.png)](screenshot/attricss-3-darkfairy-pink.png)
[![attricss-4-lightfairy-pink.png](thumbnail/attricss-4-lightfairy-pink.png)](screenshot/attricss-4-lightfairy-pink.png)
5 years ago
### awsm.css
* [Website](https://igoradamenko.com/awsm.css/v2/)
* [Demo](https://igoradamenko.com/awsm.css/v2/elements.html)
[![awsm.css-0.png](thumbnail/awsm.css-0.png)](screenshot/awsm.css-0.png)
[![awsm.css-1-gondola.png](thumbnail/awsm.css-1-gondola.png)](screenshot/awsm.css-1-gondola.png)
[![awsm.css-2-mischka.png](thumbnail/awsm.css-2-mischka.png)](screenshot/awsm.css-2-mischka.png)
[![awsm.css-3-big-stone.png](thumbnail/awsm.css-3-big-stone.png)](screenshot/awsm.css-3-big-stone.png)
[![awsm.css-4-black.png](thumbnail/awsm.css-4-black.png)](screenshot/awsm.css-4-black.png)
[![awsm.css-5-tasman.png](thumbnail/awsm.css-5-tasman.png)](screenshot/awsm.css-5-tasman.png)
[![awsm.css-6-pastel-pink.png](thumbnail/awsm.css-6-pastel-pink.png)](screenshot/awsm.css-6-pastel-pink.png)
[![awsm.css-7-pearl-lusta.png](thumbnail/awsm.css-7-pearl-lusta.png)](screenshot/awsm.css-7-pearl-lusta.png)
### axist
* [Repository](https://github.com/ruanmartinelli/axist) ![GitHub stars](https://img.shields.io/github/stars/ruanmartinelli/axist?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/ruanmartinelli/axist?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/ruanmartinelli/axist?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/ruanmartinelli/axist?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/ruanmartinelli/axist?style=flat-square)
* [Demo](https://ruanmartinelli.github.io/axist/)
[![axist.png](thumbnail/axist.png)](screenshot/axist.png)
### Bahunya
5 years ago
* [Repository](https://github.com/Kimeiga/bahunya) ![GitHub stars](https://img.shields.io/github/stars/Kimeiga/bahunya?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/Kimeiga/bahunya?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/Kimeiga/bahunya?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/Kimeiga/bahunya?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/Kimeiga/bahunya?style=flat-square)
5 years ago
* [Demo](https://kimeiga.github.io/bahunya/)
[![bahunya.png](thumbnail/bahunya.png)](screenshot/bahunya.png)
5 years ago
### Bamboo CSS
* [Repository](https://github.com/rilwis/bamboo) ![GitHub stars](https://img.shields.io/github/stars/rilwis/bamboo?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/rilwis/bamboo?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/rilwis/bamboo?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/rilwis/bamboo?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/rilwis/bamboo?style=flat-square)
* [Demo](https://rilwis.github.io/bamboo/demo/)
[![bamboo-css.png](thumbnail/bamboo-css.png)](screenshot/bamboo-css.png)
### BareCSS
* [Repository](https://github.com/longsien/BareCSS) ![GitHub stars](https://img.shields.io/github/stars/longsien/BareCSS?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/longsien/BareCSS?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/longsien/BareCSS?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/longsien/BareCSS?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/longsien/BareCSS?style=flat-square)
* [Demo](https://web.archive.org/web/20191010034508/http://barecss.com/)
[![barecss.png](thumbnail/barecss.png)](screenshot/barecss.png)
### Basic.css
* [Repository](https://github.com/vladocar/Basic.css) ![GitHub stars](https://img.shields.io/github/stars/vladocar/Basic.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/vladocar/Basic.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/vladocar/Basic.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/vladocar/Basic.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/vladocar/Basic.css?style=flat-square)
* [Demo](https://vladocar.github.io/Basic.css/)
[![basic.css.png](thumbnail/basic.css.png)](screenshot/basic.css.png)
### Bolt.css
* [Repository](https://github.com/tbolt/boltcss) ![GitHub stars](https://img.shields.io/github/stars/tbolt/boltcss?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/tbolt/boltcss?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/tbolt/boltcss?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/tbolt/boltcss?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/tbolt/boltcss?style=flat-square)
* [Demo](https://boltcss.com/)
[![bolt.css.png](thumbnail/bolt.css.png)](screenshot/bolt.css.png)
### Classless.css
* [Repository](https://github.com/emareg/classlesscss) ![GitHub stars](https://img.shields.io/github/stars/emareg/classlesscss?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/emareg/classlesscss?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/emareg/classlesscss?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/emareg/classlesscss?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/emareg/classlesscss?style=flat-square)
* [Demo](http://classless.de/)
[![classless.css.png](thumbnail/classless.css.png)](screenshot/classless.css.png)
### concrete.css
* [Repository](https://github.com/louismerlin/concrete.css) ![GitHub stars](https://img.shields.io/github/stars/louismerlin/concrete.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/louismerlin/concrete.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/louismerlin/concrete.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/louismerlin/concrete.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/louismerlin/concrete.css?style=flat-square)
* [Demo](https://concrete.style/)
[![concrete.css.png](thumbnail/concrete.css.png)](screenshot/concrete.css.png)
3 years ago
### Downstyler
* [Repository](https://github.com/waldyrious/downstyler) ![GitHub stars](https://img.shields.io/github/stars/waldyrious/downstyler?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/waldyrious/downstyler?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/waldyrious/downstyler?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/waldyrious/downstyler?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/waldyrious/downstyler?style=flat-square)
3 years ago
* [Demo](https://waldyrious.github.io/downstyler)
[![downstyler.png](thumbnail/downstyler.png)](screenshot/downstyler.png)
### holiday.css
* [Repository](https://github.com/EvgenyOrekhov/holiday.css) ![GitHub stars](https://img.shields.io/github/stars/EvgenyOrekhov/holiday.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/EvgenyOrekhov/holiday.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/EvgenyOrekhov/holiday.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/EvgenyOrekhov/holiday.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/EvgenyOrekhov/holiday.css?style=flat-square)
* [Demo](https://holidaycss.js.org/)
[![holiday.css.png](thumbnail/holiday.css.png)](screenshot/holiday.css.png)
### LatexCSS
5 years ago
* [Repository](https://github.com/davidrzs/latexcss) ![GitHub stars](https://img.shields.io/github/stars/davidrzs/latexcss?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/davidrzs/latexcss?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/davidrzs/latexcss?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/davidrzs/latexcss?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/davidrzs/latexcss?style=flat-square)
* [Demo](https://davidrzs.github.io/latexcss/)
[![latex.png](thumbnail/latex.png)](screenshot/latex.png)
5 years ago
### Markdown CSS — Air
* [Repository](https://github.com/markdowncss/air) ![GitHub stars](https://img.shields.io/github/stars/markdowncss/air?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/markdowncss/air?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/markdowncss/air?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/markdowncss/air?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/markdowncss/air?style=flat-square)
* [Demo](https://markdowncss.github.io/air/)
[![markdowncss-air.png](thumbnail/markdowncss-air.png)](screenshot/markdowncss-air.png)
### Markdown CSS — Modest
* [Repository](https://github.com/markdowncss/modest) ![GitHub stars](https://img.shields.io/github/stars/markdowncss/modest?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/markdowncss/modest?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/markdowncss/modest?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/markdowncss/modest?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/markdowncss/modest?style=flat-square)
* [Demo](https://markdowncss.github.io/modest/)
[![markdowncss-modest.png](thumbnail/markdowncss-modest.png)](screenshot/markdowncss-modest.png)
### Markdown CSS — Retro
* [Repository](https://github.com/markdowncss/retro) ![GitHub stars](https://img.shields.io/github/stars/markdowncss/retro?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/markdowncss/retro?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/markdowncss/retro?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/markdowncss/retro?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/markdowncss/retro?style=flat-square)
* [Demo](https://markdowncss.github.io/retro/)
[![markdowncss-retro.png](thumbnail/markdowncss-retro.png)](screenshot/markdowncss-retro.png)
### Markdown CSS — Splendor
* [Repository](https://github.com/markdowncss/splendor) ![GitHub stars](https://img.shields.io/github/stars/markdowncss/splendor?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/markdowncss/splendor?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/markdowncss/splendor?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/markdowncss/splendor?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/markdowncss/splendor?style=flat-square)
* [Demo](https://markdowncss.github.io/splendor/)
[![markdowncss-splendor.png](thumbnail/markdowncss-splendor.png)](screenshot/markdowncss-splendor.png)
### Marx
* [Repository](https://github.com/mblode/marx) ![GitHub stars](https://img.shields.io/github/stars/mblode/marx?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/mblode/marx?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/mblode/marx?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/mblode/marx?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/mblode/marx?style=flat-square)
* [Demo](https://codepen.io/mblode/details/JdYbJj)
[![marx.png](thumbnail/marx.png)](screenshot/marx.png)
### MercuryCSS
* [Repository](https://github.com/wmeredith/MercuryCSS) ![GitHub stars](https://img.shields.io/github/stars/wmeredith/MercuryCSS?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/wmeredith/MercuryCSS?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/wmeredith/MercuryCSS?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/wmeredith/MercuryCSS?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/wmeredith/MercuryCSS?style=flat-square)
* [Demo](https://wmeredith.github.io/MercuryCSS/)
[![mercurycss.png](thumbnail/mercurycss.png)](screenshot/mercurycss.png)
### MVP.css
* [Repository](https://github.com/andybrewer/mvp) ![GitHub stars](https://img.shields.io/github/stars/andybrewer/mvp?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/andybrewer/mvp?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/andybrewer/mvp?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/andybrewer/mvp?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/andybrewer/mvp?style=flat-square)
* [Demo](https://andybrewer.github.io/mvp/)
[![mvp.css.png](thumbnail/mvp.css.png)](screenshot/mvp.css.png)
### new.css
* [Repository](https://github.com/xz/new.css) ![GitHub stars](https://img.shields.io/github/stars/xz/new.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/xz/new.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/xz/new.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/xz/new.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/xz/new.css?style=flat-square)
* [Demo](https://newcss.net/demo/)
[![new.css.png](thumbnail/new.css.png)](screenshot/new.css.png)
### no-class.css
* [Repository](https://github.com/davidpaulsson/no-class) ![GitHub stars](https://img.shields.io/github/stars/davidpaulsson/no-class?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/davidpaulsson/no-class?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/davidpaulsson/no-class?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/davidpaulsson/no-class?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/davidpaulsson/no-class?style=flat-square)
* [Demo](https://davidpaulsson.se/no-class/)
[![no-class.css.png](thumbnail/no-class.css.png)](screenshot/no-class.css.png)
### Pico.css
* [Repository](https://github.com/picocss/pico) ![GitHub stars](https://img.shields.io/github/stars/picocss/pico?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/picocss/pico?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/picocss/pico?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/picocss/pico?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/picocss/pico?style=flat-square)
* [Demo](https://picocss.com/examples/preview/)
[![pico-css.png](thumbnail/pico-css.png)](screenshot/pico-css.png)
### ridge.css
* [Repository](https://github.com/swlkr/ridgecss) ![GitHub stars](https://img.shields.io/github/stars/swlkr/ridgecss?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/swlkr/ridgecss?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/swlkr/ridgecss?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/swlkr/ridgecss?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/swlkr/ridgecss?style=flat-square)
* [Demo](https://ridgecss.com/)
[![ridge.css-light.png](thumbnail/ridge.css-light.png)](screenshot/ridge.css-light.png)
[![ridge.css-dark.png](thumbnail/ridge.css-dark.png)](screenshot/ridge.css-dark.png)
### sakura
5 years ago
* [Repository](https://github.com/oxalorg/sakura) ![GitHub stars](https://img.shields.io/github/stars/oxalorg/sakura?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/oxalorg/sakura?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/oxalorg/sakura?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/oxalorg/sakura?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/oxalorg/sakura?style=flat-square)
* [Demo](https://oxal.org/projects/sakura/demo/)
[![sakura-normalize-0.png](thumbnail/sakura-normalize-0.png)](screenshot/sakura-normalize-0.png)
[![sakura-normalize-1-earthly.png](thumbnail/sakura-normalize-1-earthly.png)](screenshot/sakura-normalize-1-earthly.png)
[![sakura-normalize-2-vader.png](thumbnail/sakura-normalize-2-vader.png)](screenshot/sakura-normalize-2-vader.png)
[![sakura-normalize-3-dark.png](thumbnail/sakura-normalize-3-dark.png)](screenshot/sakura-normalize-3-dark.png)
[![sakura-normalize-4-dark-solarized.png](thumbnail/sakura-normalize-4-dark-solarized.png)](screenshot/sakura-normalize-4-dark-solarized.png)
5 years ago
### Simple.css
* [Repository](https://github.com/kevquirk/simple.css) ![GitHub stars](https://img.shields.io/github/stars/kevquirk/simple.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/kevquirk/simple.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/kevquirk/simple.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/kevquirk/simple.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/kevquirk/simple.css?style=flat-square)
* [Demo](https://simplecss.org/demo)
[![simple-css.png](thumbnail/simple-css.png)](screenshot/simple-css.png)
4 years ago
### SPCSS
* [Repository](https://github.com/susam/spcss) ![GitHub stars](https://img.shields.io/github/stars/susam/spcss?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/susam/spcss?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/susam/spcss?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/susam/spcss?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/susam/spcss?style=flat-square)
* [Demo](https://susam.github.io/spcss/)
[![spcss.png](thumbnail/spcss.png)](screenshot/spcss.png)
### style.css
* [Repository](https://github.com/css-pkg/style.css) ![GitHub stars](https://img.shields.io/github/stars/css-pkg/style.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/css-pkg/style.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/css-pkg/style.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/css-pkg/style.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/css-pkg/style.css?style=flat-square)
* [Demo](https://css-pkg.github.io/style.css/)
[![style.css.png](thumbnail/style.css.png)](screenshot/style.css.png)
### Stylize.css
* [Repository](https://github.com/vasanthv/stylize.css) ![GitHub stars](https://img.shields.io/github/stars/vasanthv/stylize.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/vasanthv/stylize.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/vasanthv/stylize.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/vasanthv/stylize.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/vasanthv/stylize.css?style=flat-square)
* [Demo](https://vasanthv.github.io/stylize.css/demo.html)
[![stylize.css.png](thumbnail/stylize.css.png)](screenshot/stylize.css.png)
### tacit
* [Repository](https://github.com/yegor256/tacit) ![GitHub stars](https://img.shields.io/github/stars/yegor256/tacit?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/yegor256/tacit?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/yegor256/tacit?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/yegor256/tacit?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/yegor256/tacit?style=flat-square)
* [Demo](https://yegor256.github.io/tacit/)
[![tacit.png](thumbnail/tacit.png)](screenshot/tacit.png)
5 years ago
### Tufte CSS
* [Repository](https://github.com/edwardtufte/tufte-css) ![GitHub stars](https://img.shields.io/github/stars/edwardtufte/tufte-css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/edwardtufte/tufte-css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/edwardtufte/tufte-css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/edwardtufte/tufte-css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/edwardtufte/tufte-css?style=flat-square)
* [Demo](https://edwardtufte.github.io/tufte-css/)
[![tufte-css.png](thumbnail/tufte-css.png)](screenshot/tufte-css.png)
### W3C Core Styles
* [Website](https://www.w3.org/StyleSheets/Core/Overview)
* [Demo](https://www.w3.org/StyleSheets/Core/preview)
[![w3c-core-styles-0-oldstyle.png](thumbnail/w3c-core-styles-0-oldstyle.png)](screenshot/w3c-core-styles-0-oldstyle.png)
[![w3c-core-styles-1-modernist.png](thumbnail/w3c-core-styles-1-modernist.png)](screenshot/w3c-core-styles-1-modernist.png)
[![w3c-core-styles-2-midnight.png](thumbnail/w3c-core-styles-2-midnight.png)](screenshot/w3c-core-styles-2-midnight.png)
[![w3c-core-styles-3-ultramarine.png](thumbnail/w3c-core-styles-3-ultramarine.png)](screenshot/w3c-core-styles-3-ultramarine.png)
[![w3c-core-styles-4-swiss.png](thumbnail/w3c-core-styles-4-swiss.png)](screenshot/w3c-core-styles-4-swiss.png)
[![w3c-core-styles-5-chocolate.png](thumbnail/w3c-core-styles-5-chocolate.png)](screenshot/w3c-core-styles-5-chocolate.png)
[![w3c-core-styles-6-traditional.png](thumbnail/w3c-core-styles-6-traditional.png)](screenshot/w3c-core-styles-6-traditional.png)
[![w3c-core-styles-7-steely.png](thumbnail/w3c-core-styles-7-steely.png)](screenshot/w3c-core-styles-7-steely.png)
### water.css
* [Repository](https://github.com/kognise/water.css) ![GitHub stars](https://img.shields.io/github/stars/kognise/water.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/kognise/water.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/kognise/water.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/kognise/water.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/kognise/water.css?style=flat-square)
5 years ago
* [Demo](https://kognise.github.io/water.css/)
[![water.css-0-dark.png](thumbnail/water.css-0-dark.png)](screenshot/water.css-0-dark.png)
[![water.css-1-light.png](thumbnail/water.css-1-light.png)](screenshot/water.css-1-light.png)
5 years ago
### Writ
* [Repository](https://github.com/programble/writ) ![GitHub stars](https://img.shields.io/github/stars/programble/writ?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/programble/writ?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/programble/writ?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/programble/writ?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/programble/writ?style=flat-square)
* [Demo](https://writ.cmcenroe.me/)
[![writ.png](thumbnail/writ.png)](screenshot/writ.png)
### YoRHa
* [Repository](https://github.com/metakirby5/yorha) ![GitHub stars](https://img.shields.io/github/stars/metakirby5/yorha?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/metakirby5/yorha?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/metakirby5/yorha?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/metakirby5/yorha?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/metakirby5/yorha?style=flat-square)
* [Demo](https://metakirby5.github.io/yorha/)
[![yorha.png](thumbnail/yorha.png)](screenshot/yorha.png)
## Class-light
These are frameworks that do not force you to apply their classes to many elements but require something like `<div class="container">` or a bit of your own CSS for a page to look right. They may offer optional classes to style your content.
### Chota
* [Repository](https://github.com/jenil/chota) ![GitHub stars](https://img.shields.io/github/stars/jenil/chota?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/jenil/chota?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/jenil/chota?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/jenil/chota?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/jenil/chota?style=flat-square)
* [Demo](https://jenil.github.io/chota/)
[![chota.png](thumbnail/chota.png)](screenshot/chota.png)
### Milligram
* [Repository](https://github.com/milligram/milligram) ![GitHub stars](https://img.shields.io/github/stars/milligram/milligram?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/milligram/milligram?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/milligram/milligram?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/milligram/milligram?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/milligram/milligram?style=flat-square)
* [Demo](https://milligram.io/)
[![milligram.png](thumbnail/milligram.png)](screenshot/milligram.png)
### mini.css
* [Repository](https://github.com/Chalarangelo/mini.css) ![GitHub stars](https://img.shields.io/github/stars/Chalarangelo/mini.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/Chalarangelo/mini.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/Chalarangelo/mini.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/Chalarangelo/mini.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/Chalarangelo/mini.css?style=flat-square)
* [Demo](https://minicss.org/docs)
[![minicss.png](thumbnail/minicss.png)](screenshot/minicss.png)
### Picnic CSS
* [Repository](https://github.com/franciscop/picnic) ![GitHub stars](https://img.shields.io/github/stars/franciscop/picnic?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/franciscop/picnic?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/franciscop/picnic?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/franciscop/picnic?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/franciscop/picnic?style=flat-square)
* [Demo](http://picnicss.com/)
[![picnic.png](thumbnail/picnic.png)](screenshot/picnic.png)
### Wing
* [Repository](https://github.com/kbrsh/wing) ![GitHub stars](https://img.shields.io/github/stars/kbrsh/wing?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/kbrsh/wing?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/kbrsh/wing?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/kbrsh/wing?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/kbrsh/wing?style=flat-square)
* [Demo](https://kbrsh.github.io/wing/)
[![wing.png](thumbnail/wing.png)](screenshot/wing.png)
## See also
* [Drop-in switcher for previewing minimal CSS frameworks](https://github.com/dohliam/dropin-minimal-css)
5 years ago
## License
[![CC0](https://i.creativecommons.org/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/)
To the extent possible under law, D. Bohdan has waived all copyright and related or neighboring rights to this work. By contributing, you agree to release your contribution under the same terms.