# 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 )
* [Basic.css ](#basiccss )
* [holiday.css ](#holidaycss )
* [LatexCSS ](#latexcss )
* [Markdown CSS ](#markdown-css )
* [Air ](#air )
* [Modest ](#modest )
* [Retro ](#retro )
* [Splendor ](#splendor )
* [Marx ](#marx )
* [MercuryCSS ](#mercurycss )
* [MVP.css ](#mvpcss )
* [new.css ](#newcss )
* [no-class.css ](#no-classcss )
* [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 )
* [See also ](#see-also )
* [License ](#license )
## Classless
### attriCSS
* [Repository ](https://github.com/raj457036/attriCSS )
* [Demo ](https://raj457036.github.io/attriCSS/ )
[](screenshot/attricss-0-brightlight-green.png)
[](screenshot/attricss-1-midnight-green.png)
[](screenshot/attricss-2-darkforest-green.png)
[](screenshot/attricss-3-darkfairy-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 )
[](screenshot/awsm.css-0.png)
[](screenshot/awsm.css-1-gondola.png)
[](screenshot/awsm.css-2-mischka.png)
[](screenshot/awsm.css-3-big-stone.png)
[](screenshot/awsm.css-4-black.png)
[](screenshot/awsm.css-5-tasman.png)
[](screenshot/awsm.css-6-pastel-pink.png)
[](screenshot/awsm.css-7-pearl-lusta.png)
### Bahunya
* [Repository ](https://github.com/Kimeiga/bahunya )
* [Demo ](https://kimeiga.github.io/bahunya/ )
[](screenshot/bahunya.png)
### BareCSS
* [Repository ](https://github.com/longsien/BareCSS )
* [Demo (archived) ](https://web.archive.org/web/20191010034508/http://barecss.com/ )
[](screenshot/barecss.png)
### Basic.css
* [Repository ](https://github.com/vladocar/Basic.css )
* [Demo ](https://vladocar.github.io/Basic.css/ )
[](screenshot/basic.css.png)
### holiday.css
* [Repository ](https://github.com/EvgenyOrekhov/holiday.css )
* [Demo ](https://evgenyorekhov.github.io/holiday.css/src/index.html )
[](screenshot/holiday.css.png)
### LatexCSS
* [Repository ](https://github.com/davidrzs/latexcss )
* [Demo ](https://davidrzs.github.io/latexcss/ )
[](screenshot/latex.png)
### Markdown CSS
#### Air
* [Repository ](https://github.com/markdowncss/air )
* [Demo ](https://markdowncss.github.io/air/ )
[](screenshot/markdowncss-air.png)
#### Modest
* [Repository ](https://github.com/markdowncss/modest )
* [Demo ](https://markdowncss.github.io/modest/ )
[](screenshot/markdowncss-modest.png)
#### Retro
* [Repository ](https://github.com/markdowncss/retro )
* [Demo ](https://markdowncss.github.io/retro/ )
[](screenshot/markdowncss-retro.png)
#### Splendor
* [Repository ](https://github.com/markdowncss/splendor )
* [Demo ](https://markdowncss.github.io/splendor/ )
[](screenshot/markdowncss-splendor.png)
### Marx
* [Repository ](https://github.com/mblode/marx )
* [Demo ](https://codepen.io/mblode/details/JdYbJj )
[](screenshot/marx.png)
### MercuryCSS
* [Repository ](https://github.com/wmeredith/MercuryCSS )
* [Demo ](https://wmeredith.github.io/MercuryCSS/ )
[](screenshot/mercurycss.png)
### MVP.css
* [Repository ](https://github.com/andybrewer/mvp )
* [Demo ](https://andybrewer.github.io/mvp/ )
[](screenshot/mvp.css.png)
### new.css
* [Repository ](https://github.com/xz/new.css )
* [Demo ](https://newcss.net/demo/ )
[](screenshot/new.css.png)
### no-class.css
* [Repository ](https://github.com/davidpaulsson/no-class )
* [Demo ](https://davidpaulsson.se/no-class/ )
[](screenshot/no-class.css.png)
### sakura
* [Repository ](https://github.com/oxalorg/sakura )
* [Demo ](https://oxal.org/projects/sakura/demo/ )
[](screenshot/sakura-normalize-0.png)
[](screenshot/sakura-normalize-1-earthly.png)
[](screenshot/sakura-normalize-2-vader.png)
[](screenshot/sakura-normalize-3-dark.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/ )
[](screenshot/style.css.png)
### Stylize.css
* [Repository ](https://github.com/vasanthv/stylize.css )
* [Demo ](https://vasanthv.github.io/stylize.css/demo.html )
[](screenshot/stylize.css.png)
### tacit
* [Repository ](https://github.com/yegor256/tacit )
* [Demo ](https://yegor256.github.io/tacit/ )
[](screenshot/tacit.png)
### Tufte CSS
* [Repository ](https://github.com/edwardtufte/tufte-css )
* [Demo ](https://edwardtufte.github.io/tufte-css/ )
[](screenshot/tufte-css.png)
### W3C Core Styles
* [Website ](https://www.w3.org/StyleSheets/Core/Overview )
* [Demo ](https://www.w3.org/StyleSheets/Core/preview )
[](screenshot/w3c-core-styles-0-oldstyle.png)
[](screenshot/w3c-core-styles-1-modernist.png)
[](screenshot/w3c-core-styles-2-midnight.png)
[](screenshot/w3c-core-styles-3-ultramarine.png)
[](screenshot/w3c-core-styles-4-swiss.png)
[](screenshot/w3c-core-styles-5-chocolate.png)
[](screenshot/w3c-core-styles-6-traditional.png)
[](screenshot/w3c-core-styles-7-steely.png)
### water.css
* [Repository ](https://github.com/kognise/water.css )
* [Demo ](https://kognise.github.io/water.css/ )
[](screenshot/water.css-0-dark.png)
[](screenshot/water.css-1-light.png)
### Writ
* [Repository ](https://github.com/programble/writ )
* [Demo ](https://writ.cmcenroe.me/ )
[](screenshot/writ.png)
### YoRHa
* [Repository ](https://github.com/metakirby5/yorha )
* [Demo ](https://metakirby5.github.io/yorha/ )
[](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/ )
[](screenshot/chota.png)
### concrete.css
* [Repository ](https://github.com/louismerlin/concrete.css )
* [Demo ](https://concrete.style/ )
[](screenshot/concrete.css.png)
### Milligram
* [Repository ](https://github.com/milligram/milligram )
* [Demo ](https://milligram.io/ )
[](screenshot/milligram.png)
### mini.css
* [Repository ](https://github.com/Chalarangelo/mini.css )
* [Demo ](https://minicss.org/docs )
[](screenshot/minicss.png)
### Picnic CSS
* [Repository ](https://github.com/franciscop/picnic )
* [Demo ](http://picnicss.com/ )
[](screenshot/picnic.png)
### Wing
* [Repository ](https://github.com/kbrsh/wing )
* [Demo ](https://kbrsh.github.io/wing/ )
[](screenshot/wing.png)
## See also
* [Drop-in switcher for previewing minimal CSS frameworks ](https://github.com/dohliam/dropin-minimal-css )
## License
[](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.
