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 0b6da94d03 intro: improve phrasing 3 years ago
screenshot Pico.css: redo screenshot with classless version 3 years ago
thumbnail Pico.css: redo screenshot with classless version 3 years ago
README.md intro: improve phrasing 3 years ago
generate-item.tcl docs(script): add top comment 4 years ago
screenshot-page.html build(screenshot): add automatic screenshot script 4 years 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

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

axist

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

Bahunya

bahunya.png

Bamboo CSS

bamboo-css.png

BareCSS

barecss.png

Basic.css

basic.css.png

Downstyler

downstyler.png

holiday.css

holiday.css.png

LatexCSS

latex.png

Markdown CSS

Air

markdowncss-air.png

Modest

markdowncss-modest.png

Retro

markdowncss-retro.png

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 also has a class-light version, which is its main version.

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

Classless.css

classless.css.png

concrete.css

concrete.css.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, dbohdan has waived all copyright and related or neighboring rights to this work.