# 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. ## Contents - [Classless CSS](#classless-css) * [Classless](#classless) + [Almond.CSS](#almondcss) + [attriCSS](#attricss) + [awsm.css](#awsmcss) + [axist](#axist) + [Bahunya](#bahunya) + [Bamboo CSS](#bamboo-css) + [BareCSS](#barecss) + [Basic.css](#basiccss) + [Bolt.css](#boltcss) + [ChimeraCSS](#chimeracss) + [Classless.css](#classlesscss) + [concrete.css](#concretecss) + [dev.css](#devcss) + [Downstyler](#downstyler) + [Fylgja](#fylgja) + [holiday.css](#holidaycss) + [LatexCSS](#latexcss) + [magick.css](#magickcss) + [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) + [shadcn-classless (Nandaleio)](#shadcn-classless-nandaleio) + [Simple.css](#simplecss) + [SPCSS](#spcss) + [style.css](#stylecss) + [Stylize.css](#stylizecss) + [tacit](#tacit) + [Tiny.css](#tinycss) + [tty.css](#ttycss) + [Tufte CSS](#tufte-css) + [W3C Core Styles](#w3c-core-styles) + [water.css](#watercss) + [Writ](#writ) + [YoRHa](#yorha) * [Class-light](#class-light) + [Barrel.css](#barrelcss) + [Chota](#chota) + [matcha.css](#matchacss) + [Milligram](#milligram) + [mini.css](#minicss) + [mono](#mono) + [Picnic CSS](#picnic-css) + [SASS-ZERO (Breadboard)](#sass-zero-breadboard) + [Wing](#wing) * [See also](#see-also) * [License](#license) ## Classless ### 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 - [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) ### 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 - [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) - [Demo](https://kimeiga.github.io/bahunya/) [![bahunya.png](thumbnail/bahunya.png)](screenshot/bahunya.png) ### 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) ### ChimeraCSS - [Repository](https://github.com/ChimeraCSS/ChimeraCSS) ![GitHub stars](https://img.shields.io/github/stars/ChimeraCSS/ChimeraCSS?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/ChimeraCSS/ChimeraCSS?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/ChimeraCSS/ChimeraCSS?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/ChimeraCSS/ChimeraCSS?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/ChimeraCSS/ChimeraCSS?style=flat-square) - [Demo](https://chimera-demo.vercel.app/) [![chimeracss-0.png](thumbnail/chimeracss-0.png)](screenshot/chimeracss-0.png) [![chimeracss-1-dark.png](thumbnail/chimeracss-1-dark.png)](screenshot/chimeracss-1-dark.png) [![chimeracss-2-autumn.png](thumbnail/chimeracss-2-autumn.png)](screenshot/chimeracss-2-autumn.png) [![chimeracss-3-blues.png](thumbnail/chimeracss-3-blues.png)](screenshot/chimeracss-3-blues.png) [![chimeracss-4-golden.png](thumbnail/chimeracss-4-golden.png)](screenshot/chimeracss-4-golden.png) [![chimeracss-5-nightsky.png](thumbnail/chimeracss-5-nightsky.png)](screenshot/chimeracss-5-nightsky.png) [![chimeracss-6-plain.png](thumbnail/chimeracss-6-plain.png)](screenshot/chimeracss-6-plain.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) ### dev.css - [Website](https://devcss.devins.page/) - [Repository](https://github.com/intergrav/dev.css) ![GitHub stars](https://img.shields.io/github/stars/intergrav/dev.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/intergrav/dev.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/intergrav/dev.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/intergrav/dev.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/intergrav/dev.css?style=flat-square) - [Demo](https://devcss.devins.page/demo) [![dev.css.png](thumbnail/dev.css.png)](screenshot/dev.css.png) ### 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) - [Demo](https://waldyrious.github.io/downstyler) [![downstyler.png](thumbnail/downstyler.png)](screenshot/downstyler.png) ### Fylgja [Explaining what "classless" is](https://fylgja.dev/docs/concepts/classless/). - [Website](https://fylgja.dev/library/base/) - [Repository](https://github.com/fylgja/fylgja) ![GitHub stars](https://img.shields.io/github/stars/fylgja/fylgja?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/fylgja/fylgja?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/fylgja/fylgja?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/fylgja/fylgja?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/fylgja/fylgja?style=flat-square) - [Demo](https://codepen.io/Fylgja/pen/ExGOZaE) [![fylgja.png](thumbnail/fylgja.png)](screenshot/fylgja.png) [![fylgja-dark.png](thumbnail/fylgja-dark.png)](screenshot/fylgja-dark.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 - [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) ### magick.css - [Repository](https://github.com/wintermute-cell/magick.css) ![GitHub stars](https://img.shields.io/github/stars/wintermute-cell/magick.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/wintermute-cell/magick.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/wintermute-cell/magick.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/wintermute-cell/magick.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/wintermute-cell/magick.css?style=flat-square) - [Demo](https://css.winterveil.net/) [![magick.css.png](thumbnail/magick.css.png)](screenshot/magick.css.png) ### 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.github.io/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 - [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) ### shadcn-classless (Nandaleio) - [Repository](https://github.com/Nandaleio/shadcn-classless) ![GitHub stars](https://img.shields.io/github/stars/Nandaleio/shadcn-classless?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/Nandaleio/shadcn-classless?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/Nandaleio/shadcn-classless?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/Nandaleio/shadcn-classless?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/Nandaleio/shadcn-classless?style=flat-square) - [Demo](https://nandaleio.github.io/shadcn-classless/) [![shadcn-classless-nandaleio.png](thumbnail/shadcn-classless-nandaleio.png)](screenshot/shadcn-classless-nandaleio.png) ### 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) ### 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) ### Tiny.css - [Repository](https://github.com/ihsan6133/tiny.css) ![GitHub stars](https://img.shields.io/github/stars/ihsan6133/tiny.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/ihsan6133/tiny.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/ihsan6133/tiny.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/ihsan6133/tiny.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/ihsan6133/tiny.css?style=flat-square) - [Demo](https://ihsan6133.github.io/tinycss) [![tiny.css-0-light.png](thumbnail/tiny.css-0-light.png)](screenshot/tiny.css-0-light.png) [![tiny.css-1-dark.png](thumbnail/tiny.css-1-dark.png)](screenshot/tiny.css-1-dark.png) ### tty.css - [Repository](https://github.com/piranna/tty.css) ![GitHub stars](https://img.shields.io/github/stars/piranna/tty.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/piranna/tty.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/piranna/tty.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/piranna/tty.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/piranna/tty.css?style=flat-square) - [Demo](https://piranna.github.io/tty.css/) [![tty.css.png](thumbnail/tty.css.png)](screenshot/tty.css.png) ### 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) - [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) ![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. However, they either require something like `
` or a bit of your own CSS for a page to look right, or offer optional classes to style your content—possibly both. ### Barrel.css - [Repository](https://github.com/EternityForest/barrel.css) ![GitHub stars](https://img.shields.io/github/stars/EternityForest/barrel.css?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/EternityForest/barrel.css?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/EternityForest/barrel.css?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/EternityForest/barrel.css?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/EternityForest/barrel.css?style=flat-square) - [Demo](https://eternityforest.github.io/barrel.css/) [![barrel.css-0-barrel.png](thumbnail/barrel.css-0-barrel.png)](screenshot/barrel.css-0-barrel.png) [![barrel.css-1-fugit.png](thumbnail/barrel.css-1-fugit.png)](screenshot/barrel.css-1-fugit.png) [![barrel.css-2-banderole.png](thumbnail/barrel.css-2-banderole.png)](screenshot/barrel.css-2-banderole.png) [![barrel.css-3-scrapbook-green.png](thumbnail/barrel.css-3-scrapbook-green.png)](screenshot/barrel.css-3-scrapbook-green.png) [![barrel.css-4-nord.png](thumbnail/barrel.css-4-nord.png)](screenshot/barrel.css-4-nord.png) [![barrel.css-5-blast.png](thumbnail/barrel.css-5-blast.png)](screenshot/barrel.css-5-blast.png) [![barrel.css-6-lair.png](thumbnail/barrel.css-6-lair.png)](screenshot/barrel.css-6-lair.png) [![barrel.css-7-steam.png](thumbnail/barrel.css-7-steam.png)](screenshot/barrel.css-7-steam.png) ### 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) ### matcha.css - [Repository](https://github.com/lowlighter/matcha) ![GitHub stars](https://img.shields.io/github/stars/lowlighter/matcha?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/lowlighter/matcha?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/lowlighter/matcha?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/lowlighter/matcha?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/lowlighter/matcha?style=flat-square) - [Demo](https://matcha.mizu.sh/) [![matcha.css.png](thumbnail/matcha.css.png)](screenshot/matcha.css.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) ### mono - [Repository](https://github.com/artalar/mono) ![GitHub stars](https://img.shields.io/github/stars/artalar/mono?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/artalar/mono?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/artalar/mono?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/artalar/mono?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/artalar/mono?style=flat-square) - [Demo](https://monocss.vercel.app/) [![mono.png](thumbnail/mono.png)](screenshot/mono.png) ### Picnic CSS Caution: Picnic CSS requires specific HTML structure to display certain elements. For example, it hides vanilla checkboxes and radio buttons. The structure serves as the effective class of the element. This means an existing project will have to modify its HTML markup for, e.g., every checkbox and radio button to start using Picnic. - [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) ### SASS-ZERO (Breadboard) A class-light variant of a CSS framework with classes. Made for Ruby on Rails. - [Repository](https://github.com/lazaronixon/sass-zero) ![GitHub stars](https://img.shields.io/github/stars/lazaronixon/sass-zero?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/lazaronixon/sass-zero?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/lazaronixon/sass-zero?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/lazaronixon/sass-zero?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/lazaronixon/sass-zero?style=flat-square) [![sass-zero.png](thumbnail/sass-zero.png)](screenshot/sass-zero.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) ## 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.