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.
451 lines
9.8 KiB
451 lines
9.8 KiB
### Classless
|
|
|
|
["Almond.CSS"]
|
|
demo = "https://alvaromontoro.github.io/almond.css/demo/"
|
|
github = "alvaromontoro/almond.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["almond-css.png"]
|
|
tags = ["classless"]
|
|
|
|
[attriCSS]
|
|
demo = "https://raj457036.github.io/attriCSS/"
|
|
github = "raj457036/attriCSS"
|
|
note = ""
|
|
website = ""
|
|
screenshots = [
|
|
"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",
|
|
]
|
|
tags = ["classless"]
|
|
|
|
["awsm.css"]
|
|
demo = "https://igoradamenko.com/awsm.css/v2/elements.html"
|
|
github = ""
|
|
note = ""
|
|
website = "https://igoradamenko.com/awsm.css/v2/"
|
|
screenshots = [
|
|
"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",
|
|
]
|
|
tags = ["classless"]
|
|
|
|
[axist]
|
|
demo = "https://ruanmartinelli.github.io/axist/"
|
|
github = "ruanmartinelli/axist"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["axist.png"]
|
|
tags = ["classless"]
|
|
|
|
[Bahunya]
|
|
demo = "https://kimeiga.github.io/bahunya/"
|
|
github = "Kimeiga/bahunya"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["bahunya.png"]
|
|
tags = ["classless"]
|
|
|
|
["Bamboo CSS"]
|
|
demo = "https://rilwis.github.io/bamboo/demo/"
|
|
github = "rilwis/bamboo"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["bamboo-css.png"]
|
|
tags = ["classless"]
|
|
|
|
[BareCSS]
|
|
demo = "https://web.archive.org/web/20191010034508/http://barecss.com/"
|
|
github = "longsien/BareCSS"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["barecss.png"]
|
|
tags = ["classless"]
|
|
|
|
["Basic.css"]
|
|
demo = "https://vladocar.github.io/Basic.css/"
|
|
github = "vladocar/Basic.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["basic.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["Bolt.css"]
|
|
demo = "https://boltcss.com/"
|
|
github = "tbolt/boltcss"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["bolt.css.png"]
|
|
tags = ["classless"]
|
|
|
|
[ChimeraCSS]
|
|
demo = "https://chimera-demo.vercel.app/"
|
|
github = "ChimeraCSS/ChimeraCSS"
|
|
note = ""
|
|
website = ""
|
|
screenshots = [
|
|
"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",
|
|
]
|
|
tags = ["classless"]
|
|
|
|
["Classless.css"]
|
|
demo = "http://classless.de/"
|
|
github = "emareg/classlesscss"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["classless.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["concrete.css"]
|
|
demo = "https://concrete.style/"
|
|
github = "louismerlin/concrete.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["concrete.css.png"]
|
|
tags = ["classless"]
|
|
|
|
[Downstyler]
|
|
demo = "https://waldyrious.github.io/downstyler"
|
|
github = "waldyrious/downstyler"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["downstyler.png"]
|
|
tags = ["classless"]
|
|
|
|
["holiday.css"]
|
|
demo = "https://holidaycss.js.org/"
|
|
github = "EvgenyOrekhov/holiday.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["holiday.css.png"]
|
|
tags = ["classless"]
|
|
|
|
[LatexCSS]
|
|
demo = "https://davidrzs.github.io/latexcss/"
|
|
github = "davidrzs/latexcss"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["latex.png"]
|
|
tags = ["classless"]
|
|
|
|
["magick.css"]
|
|
demo = "https://css.winterveil.net/"
|
|
github = "wintermute-cell/magick.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["magick.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["Markdown CSS — Air"]
|
|
demo = "https://markdowncss.github.io/air/"
|
|
github = "markdowncss/air"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["markdowncss-air.png"]
|
|
tags = ["classless"]
|
|
|
|
["Markdown CSS — Modest"]
|
|
demo = "https://markdowncss.github.io/modest/"
|
|
github = "markdowncss/modest"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["markdowncss-modest.png"]
|
|
tags = ["classless"]
|
|
|
|
["Markdown CSS — Retro"]
|
|
demo = "https://markdowncss.github.io/retro/"
|
|
github = "markdowncss/retro"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["markdowncss-retro.png"]
|
|
tags = ["classless"]
|
|
|
|
["Markdown CSS — Splendor"]
|
|
demo = "https://markdowncss.github.io/splendor/"
|
|
github = "markdowncss/splendor"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["markdowncss-splendor.png"]
|
|
tags = ["classless"]
|
|
|
|
[Marx]
|
|
demo = "https://codepen.io/mblode/details/JdYbJj"
|
|
github = "mblode/marx"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["marx.png"]
|
|
tags = ["classless"]
|
|
|
|
[MercuryCSS]
|
|
demo = "https://wmeredith.github.io/MercuryCSS/"
|
|
github = "wmeredith/MercuryCSS"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["mercurycss.png"]
|
|
tags = ["classless"]
|
|
|
|
["MVP.css"]
|
|
demo = "https://andybrewer.github.io/mvp/"
|
|
github = "andybrewer/mvp"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["mvp.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["new.css"]
|
|
demo = "https://newcss.net/demo/"
|
|
github = "xz/new.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["new.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["no-class.css"]
|
|
demo = "https://davidpaulsson.se/no-class/"
|
|
github = "davidpaulsson/no-class"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["no-class.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["Pico.css"]
|
|
demo = "https://picocss.com/examples/preview/"
|
|
github = "picocss/pico"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["pico-css.png"]
|
|
tags = ["classless"]
|
|
|
|
["ridge.css"]
|
|
demo = "https://ridgecss.com/"
|
|
github = "swlkr/ridgecss"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["ridge.css-light.png", "ridge.css-dark.png"]
|
|
tags = ["classless"]
|
|
|
|
[sakura]
|
|
demo = "https://oxal.org/projects/sakura/demo/"
|
|
github = "oxalorg/sakura"
|
|
note = ""
|
|
website = ""
|
|
screenshots = [
|
|
"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",
|
|
]
|
|
tags = ["classless"]
|
|
|
|
["Simple.css"]
|
|
demo = "https://simplecss.org/demo"
|
|
github = "kevquirk/simple.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["simple-css.png"]
|
|
tags = ["classless"]
|
|
|
|
[SPCSS]
|
|
demo = "https://susam.github.io/spcss/"
|
|
github = "susam/spcss"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["spcss.png"]
|
|
tags = ["classless"]
|
|
|
|
["style.css"]
|
|
demo = "https://css-pkg.github.io/style.css/"
|
|
github = "css-pkg/style.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["style.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["Stylize.css"]
|
|
demo = "https://vasanthv.github.io/stylize.css/demo.html"
|
|
github = "vasanthv/stylize.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["stylize.css.png"]
|
|
tags = ["classless"]
|
|
|
|
[tacit]
|
|
demo = "https://yegor256.github.io/tacit/"
|
|
github = "yegor256/tacit"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["tacit.png"]
|
|
tags = ["classless"]
|
|
|
|
["Tiny.css"]
|
|
demo = "https://ihsan6133.github.io/tinycss"
|
|
github = "ihsan6133/tiny.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["tiny.css-0-light.png", "tiny.css-1-dark.png"]
|
|
tags = ["classless"]
|
|
|
|
["tty.css"]
|
|
demo = "https://piranna.github.io/tty.css/"
|
|
github = "piranna/tty.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["tty.css.png"]
|
|
tags = ["classless"]
|
|
|
|
["Tufte CSS"]
|
|
demo = "https://edwardtufte.github.io/tufte-css/"
|
|
github = "edwardtufte/tufte-css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["tufte-css.png"]
|
|
tags = ["classless"]
|
|
|
|
["W3C Core Styles"]
|
|
demo = "https://www.w3.org/StyleSheets/Core/preview"
|
|
github = ""
|
|
note = ""
|
|
website = "https://www.w3.org/StyleSheets/Core/Overview"
|
|
screenshots = [
|
|
"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",
|
|
]
|
|
tags = ["classless"]
|
|
|
|
["water.css"]
|
|
demo = "https://kognise.github.io/water.css/"
|
|
github = "kognise/water.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["water.css-0-dark.png", "water.css-1-light.png"]
|
|
tags = ["classless"]
|
|
|
|
[Writ]
|
|
demo = "https://writ.cmcenroe.me/"
|
|
github = "programble/writ"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["writ.png"]
|
|
tags = ["classless"]
|
|
|
|
[YoRHa]
|
|
demo = "https://metakirby5.github.io/yorha/"
|
|
github = "metakirby5/yorha"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["yorha.png"]
|
|
tags = ["classless"]
|
|
|
|
### Class-light
|
|
|
|
["Barrel.css"]
|
|
demo = "https://eternityforest.github.io/barrel.css/"
|
|
github = "EternityForest/barrel.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = [
|
|
"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",
|
|
]
|
|
tags = ["class-light"]
|
|
|
|
[Chota]
|
|
demo = "https://jenil.github.io/chota/"
|
|
github = "jenil/chota"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["chota.png"]
|
|
tags = ["class-light"]
|
|
|
|
[Fylgja]
|
|
demo = "https://codepen.io/Fylgja/pen/ExGOZaE"
|
|
github = "fylgja/fylgja"
|
|
note = "[Classless setup guide](https://fylgja.dev/guides/classless-setup/)."
|
|
website = "https://fylgja.dev/features/native-styles/"
|
|
screenshots = ["fylgja.png"]
|
|
tags = ["class-light"]
|
|
|
|
["matcha.css"]
|
|
demo = "https://matcha.mizu.sh/"
|
|
github = "lowlighter/matcha"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["matcha.css.png"]
|
|
tags = ["class-light"]
|
|
|
|
[Milligram]
|
|
demo = "https://milligram.io/"
|
|
github = "milligram/milligram"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["milligram.png"]
|
|
tags = ["class-light"]
|
|
|
|
["mini.css"]
|
|
demo = "https://minicss.org/docs"
|
|
github = "Chalarangelo/mini.css"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["minicss.png"]
|
|
tags = ["class-light"]
|
|
|
|
[mono]
|
|
demo = "https://monocss.vercel.app/"
|
|
github = "artalar/mono"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["mono.png"]
|
|
tags = ["class-light"]
|
|
|
|
|
|
["Picnic CSS"]
|
|
demo = "http://picnicss.com/"
|
|
github = "franciscop/picnic"
|
|
note = "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."
|
|
website = ""
|
|
screenshots = ["picnic.png"]
|
|
tags = ["class-light"]
|
|
|
|
["SASS-ZERO (Breadboard)"]
|
|
demo = ""
|
|
github = "lazaronixon/sass-zero"
|
|
note = "A class-light variant of a CSS framework with classes. Made for Ruby on Rails."
|
|
website = ""
|
|
screenshots = ["sass-zero.png"]
|
|
tags = ["class-light"]
|
|
|
|
[Wing]
|
|
demo = "https://kbrsh.github.io/wing/"
|
|
github = "kbrsh/wing"
|
|
note = ""
|
|
website = ""
|
|
screenshots = ["wing.png"]
|
|
tags = ["class-light"]
|
|
|