# Classless CSS

This is a list of CSS frameworks/themes that do not require you to add classes specific to them to your HTML elements.  It means you can quickly style a plain HTML page.  This is useful, for example, in prototyping.


## Contents

* [attriCSS](#attricss)
* [Bahunya](#bahunya)
* [BareCSS](#barecss)
* [LatexCSS](#latexcss)
* [Markdown CSS](#markdown-css)
  * [Air](#air)
  * [Modest](#modest)
  * [Retro](#retro)
  * [Splendor](#splendor)
* [Milligram](#milligram)
* [sakura](#sakura)
* [tacit](#tacit)
* [W3C Core Styles](#w3c-core-styles)
* [water.css](#watercss)
* [License](#license)


## 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)


## Milligram

Not fully classless.  You will at least need a `<section class="container">`.

* [Repository](https://github.com/milligram/milligram)
* [Demo](https://milligram.io/)

[![milligram.png](thumbnail/milligram.png)](screenshot/milligram.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)


## 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.