Skip to content

A list of classless CSS themes/frameworks with screenshots

Notifications You must be signed in to change notification settings

dbohdan/classless-css

Repository files navigation

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

ChimeraCSS

chimeracss-0.png chimeracss-1-dark.png chimeracss-2-autumn.png chimeracss-3-blues.png chimeracss-4-golden.png chimeracss-5-nightsky.png chimeracss-6-plain.png

Classless.css

classless.css.png

concrete.css

concrete.css.png

Downstyler

downstyler.png

holiday.css

holiday.css.png

LatexCSS

latex.png

magick.css

magick.css.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

Tiny.css

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

tty.css

tty.css.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. However, they either require something like <div class="container"> 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

barrel.css-0-barrel.png barrel.css-1-fugit.png barrel.css-2-banderole.png barrel.css-3-scrapbook-green.png barrel.css-4-nord.png barrel.css-5-blast.png barrel.css-6-lair.png barrel.css-7-steam.png

Chota

chota.png

Fylgja

Classless setup guide.

fylgja.png

matcha.css

matcha.css.png

Milligram

milligram.png

mini.css

minicss.png

mono

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.

picnic.png

SASS-ZERO (Breadboard)

A class-light variant of a CSS framework with classes. Made for Ruby on Rails.

sass-zero.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.