Classless CSS - click here for a wider page
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.
You can sort these table columns by installing Tampermonkey in Firefox or chrome and then install Github sort content script
Dark column refers to automatic dark mode: prefers-color-scheme: dark
RT column refers to responsive typography, as a page gets smaller the size of the text should adjust, either dynamically or with breakpoints.
NSRO column refers to the css framework using normalize, sanitize, Reset, or Other(something similar).
KB column refers to the smallest minified css file with dark mode if available in kilobytes without gzip.
This table is sorted: Dark > RT > NSRO > KB (KB size is moot if the css framework does not include essential features, so I sort by it last.)
- if a css framework has RT and NSRO but no dark mode, then I move those above frameworks that have dark mode but do not have RT or NSRO. (sorting according to which satisfys most of the features I consider essential)
Framework Links | Dark | RT | KB | NSRO | Github Stats |
---|---|---|---|---|---|
Abridge.css Demo | YES | RT | 6.4 | NS | |
Pico.css Demo | YES | RT | 39.1 | NS | |
Simple.css Demo | YES | RT | 5.8 | ||
Basic.css Demo | YES | 2.3 | O | ||
Bamboo Demo | YES | 5.2 | NS | ||
Downstyler Demo | RT | 1.7 | O | ||
style.css Demo | RT | 5.6 | O | ||
SPCSS Demo | YES | 1.4 | |||
new.css Demo | YES | 5.1 | |||
MVP.css Demo | YES | 6.8 | |||
Tufte CSS Demo | YES | 8.2 | |||
holiday.css Demo | YES | 14.5 | |||
water.css Demo | YES | 22.1 | |||
awsm.css Demo | RT | 14.0 | |||
Bahunya Demo | RT | 9.6 | |||
MD Air Demo | RT | 1.8 | |||
axist Demo | 6.1 | ||||
Stylize Demo | 3.8 | O | |||
no-class Demo | 6.8 | S | |||
Marx Demo | 11.0 | S | |||
BareCSS Demo | 19.0 | R | |||
attriCSS Demo | 4.0 | ||||
LatexCSS Demo | 298 | ||||
MD Modest Demo | 2.1 | ||||
MD Retro Demo | 1.8 | ||||
MD Splendor Demo | 1.9 | ||||
Mercury Demo | 3.2 | ||||
ridge.css Demo | 24.3 | ||||
sakura Demo | 3.9 | ||||
tacit Demo | 5.5 | ||||
Writ Demo | 2.2 | ||||
YoRHa Demo | 7.8 | ||||
W3C Core |
Framework Links | Dark | RT | KB | NSRO | Github Stats |
---|---|---|---|---|---|
Classless Demo | YES | 9.4 | O | ||
concrete Demo | YES | 3.2 | |||
Picnic CSS Demo | 39.1 | N | |||
Wing Demo | RT | 5.9 | |||
Chota Demo | 19.0 | ||||
Milligram Demo | 8.9 | ||||
mini.css Demo | 47.1 |
To the extent possible under law, dbohdan has waived all copyright and related or neighboring rights to this work.