# 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 )
* [awsm.css ](#awsmcss )
* [Bahunya ](#bahunya )
* [BareCSS ](#barecss )
* [holiday.css ](#holidaycss )
* [LatexCSS ](#latexcss )
* [Markdown CSS ](#markdown-css )
* [Air ](#air )
* [Modest ](#modest )
* [Retro ](#retro )
* [Splendor ](#splendor )
* [MVP.css ](#mvpcss )
* [Marx ](#marx )
* [new.css ](#newcss )
* [sakura ](#sakura )
* [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 )
* [concrete.css ](#concretecss )
* [Milligram ](#milligram )
* [mini.css ](#minicss )
* [Picnic CSS ](#picnic-css )
* [Wing ](#wing )
* [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)
### awsm.css
* [Repository ](https://github.com/igoradamenko/awsm.css )
* [Demo ](https://igoradamenko.github.io/awsm.css/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)
### 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)
### holiday.css
* [Repository ](https://github.com/EvgenyOrekhov/holiday.css )
* [Demo ](https://evgenyorekhov.github.io/holiday.css/src/index.html )
[![holiday.css.png ](thumbnail/holiday.css.png )](screenshot/holiday.css.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)
### new.css
* [Repository ](https://github.com/xz/new.css )
* [Demo ](https://newcss.net/demo/ )
[![new.css.png ](thumbnail/new.css.png )](screenshot/new.css.png)
### MVP.css
* [Repository ](https://github.com/andybrewer/mvp )
* [Demo ](https://andybrewer.github.io/mvp/ )
[![mvp.css.png ](thumbnail/mvp.css.png )](screenshot/mvp.css.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)
[![sakura-normalize-4-dark-solarized.png ](thumbnail/sakura-normalize-4-dark-solarized.png )](screenshot/sakura-normalize-4-dark-solarized.png)
### style.css
* [Repository ](https://github.com/css-pkg/style.css )
* [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 )
* [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 )
* [Demo ](https://yegor256.github.io/tacit/ )
[![tacit.png ](thumbnail/tacit.png )](screenshot/tacit.png)
### Tufte CSS
* [Repository ](https://github.com/edwardtufte/tufte-css )
* [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 )
* [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)
### Writ
* [Repository ](https://github.com/programble/writ )
* [Demo ](https://writ.cmcenroe.me/ )
[![writ.png ](thumbnail/writ.png )](screenshot/writ.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.
### Chota
* [Repository ](https://github.com/jenil/chota )
* [Demo ](https://jenil.github.io/chota/ )
[![chota.png ](thumbnail/chota.png )](screenshot/chota.png)
#### concrete.css
* [Repository ](https://github.com/louismerlin/concrete.css )
* [Demo ](https://concrete.style/ )
[![concrete.css.png ](thumbnail/concrete.css.png )](screenshot/concrete.css.png)
### 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)
### Wing
* [Repository ](https://github.com/kbrsh/wing )
* [Demo ](https://kbrsh.github.io/wing/ )
[![wing.png ](thumbnail/wing.png )](screenshot/wing.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.