A list of classless CSS themes/frameworks with screenshots
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
D. Bohdan 16cd5624a6 Bolt.css: add missing screenshot and thumbnail 1 year ago
data awsm.css: rename data dir 1 year ago
screenshot Bolt.css: add missing screenshot and thumbnail 1 year ago
thumbnail Bolt.css: add missing screenshot and thumbnail 1 year ago
README.md readme/license: add note about contributions 1 year ago
README.md.in readme/license: add note about contributions 1 year ago
gen-readme.ts gen-readme: add field "note"; make "demo" optional 1 year ago
gen-screenshot.ts gen-screenshot: preserve periods 1 year ago
screenshot-page.html generate-item.tcl: replace with gen-screenshot.ts 1 year ago

README.md

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

Almond.CSS

almond-css.png

attriCSS

attricss-0-brightlight-green.png attricss-1-midnight-green.png attricss-2-darkforest-green.png attricss-3-darkfairy-pink.png attricss-4-lightfairy-pink.png

awsm.css

awsm.css-0.png awsm.css-1-gondola.png awsm.css-2-mischka.png awsm.css-3-big-stone.png awsm.css-4-black.png awsm.css-5-tasman.png awsm.css-6-pastel-pink.png awsm.css-7-pearl-lusta.png

axist

axist.png

Bahunya

bahunya.png

Bamboo CSS

bamboo-css.png

BareCSS

barecss.png

Basic.css

basic.css.png

Bolt.css

bolt.css.png

Classless.css

classless.css.png

concrete.css

concrete.css.png

Downstyler

downstyler.png

holiday.css

holiday.css.png

LatexCSS

latex.png

Markdown CSS — Air

markdowncss-air.png

Markdown CSS — Modest

markdowncss-modest.png

Markdown CSS — Retro

markdowncss-retro.png

Markdown CSS — Splendor

markdowncss-splendor.png

Marx

marx.png

MercuryCSS

mercurycss.png

MVP.css

mvp.css.png

new.css

new.css.png

no-class.css

no-class.css.png

Pico.css

pico-css.png

ridge.css

ridge.css-light.png ridge.css-dark.png

sakura

sakura-normalize-0.png sakura-normalize-1-earthly.png sakura-normalize-2-vader.png sakura-normalize-3-dark.png sakura-normalize-4-dark-solarized.png

Simple.css

simple-css.png

SPCSS

spcss.png

style.css

style.css.png

Stylize.css

stylize.css.png

tacit

tacit.png

Tufte CSS

tufte-css.png

W3C Core Styles

w3c-core-styles-0-oldstyle.png w3c-core-styles-1-modernist.png w3c-core-styles-2-midnight.png w3c-core-styles-3-ultramarine.png w3c-core-styles-4-swiss.png w3c-core-styles-5-chocolate.png w3c-core-styles-6-traditional.png w3c-core-styles-7-steely.png

water.css

water.css-0-dark.png water.css-1-light.png

Writ

writ.png

YoRHa

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

chota.png

Milligram

milligram.png

mini.css

minicss.png

Picnic CSS

picnic.png

Wing

wing.png

See also

License

CC0

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.