# Classless CSS
This is a list of CSS themes and frameworks that do not require you to add their classes to your HTML elements. It means you can quickly style a plain HTML page. This is useful, for example, in prototyping.
## Contents
* [Classless ](#classless )
* [attriCSS ](#attricss )
* [Bahunya ](#bahunya )
* [BareCSS ](#barecss )
* [LatexCSS ](#latexcss )
* [Markdown CSS ](#markdown-css )
* [Air ](#air )
* [Modest ](#modest )
* [Retro ](#retro )
* [Splendor ](#splendor )
* [Marx ](#marx )
* [sakura ](#sakura )
* [tacit ](#tacit )
* [W3C Core Styles ](#w3c-core-styles )
* [water.css ](#watercss )
* [YoRHa ](#yorha )
* [Class-light ](#class-light )
* [Milligram ](#milligram )
* [mini.css ](#minicss )
* [Picnic CSS ](#picnic-css )
* [License ](#license )
## Classless
### attriCSS
* [Repository ](https://github.com/raj457036/attriCSS )
* [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)
### Bahunya
* [Repository ](https://github.com/Kimeiga/bahunya )
* [Demo ](https://kimeiga.github.io/bahunya/ )
[![bahunya.png ](thumbnail/bahunya.png )](screenshot/bahunya.png)
### BareCSS
* [Repository ](https://github.com/longsien/BareCSS )
* [Demo ](http://barecss.com/ )
[![barecss.png ](thumbnail/barecss.png )](screenshot/barecss.png)
### LatexCSS
* [Repository ](https://github.com/davidrzs/latexcss )
* [Demo ](https://davidrzs.github.io/latexcss/ )
[![latex.png ](thumbnail/latex.png )](screenshot/latex.png)
### Markdown CSS
#### Air
* [Repository ](https://github.com/markdowncss/air )
* [Demo ](https://markdowncss.github.io/air/ )
[![markdowncss-air.png ](thumbnail/markdowncss-air.png )](screenshot/markdowncss-air.png)
#### Modest
* [Repository ](https://github.com/markdowncss/modest )
* [Demo ](https://markdowncss.github.io/modest/ )
[![markdowncss-modest.png ](thumbnail/markdowncss-modest.png )](screenshot/markdowncss-modest.png)
#### Retro
* [Repository ](https://github.com/markdowncss/retro )
* [Demo ](https://markdowncss.github.io/retro/ )
[![markdowncss-retro.png ](thumbnail/markdowncss-retro.png )](screenshot/markdowncss-retro.png)
#### Splendor
* [Repository ](https://github.com/markdowncss/splendor )
* [Demo ](https://markdowncss.github.io/splendor/ )
[![markdowncss-splendor.png ](thumbnail/markdowncss-splendor.png )](screenshot/markdowncss-splendor.png)
### Marx
* [Repository ](https://github.com/mblode/marx )
* [Demo ](https://codepen.io/mblode/details/JdYbJj )
[![marx.png ](thumbnail/marx.png )](screenshot/marx.png)
### sakura
* [Repository ](https://github.com/oxalorg/sakura )
* [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)
### tacit
* [Repository ](https://github.com/yegor256/tacit )
* [Demo ](https://yegor256.github.io/tacit/ )
[![tacit.png ](thumbnail/tacit.png )](screenshot/tacit.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 )
* [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)
### YoRHa
* [Repository ](https://github.com/metakirby5/yorha )
* [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.
### Milligram
* [Repository ](https://github.com/milligram/milligram )
* [Demo ](https://milligram.io/ )
[![milligram.png ](thumbnail/milligram.png )](screenshot/milligram.png)
### mini.css
* [Repository ](https://github.com/Chalarangelo/mini.css )
* [Demo ](https://minicss.org/docs )
[![minicss.png ](thumbnail/minicss.png )](screenshot/minicss.png)
### Picnic CSS
* [Repository ](https://github.com/franciscop/picnic )
* [Demo ](http://picnicss.com/ )
[![picnic.png ](thumbnail/picnic.png )](screenshot/picnic.png)
## 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, dbohdan has waived all copyright and related or neighboring rights to this work.