This is a quick drop-in CSS switcher to allow for previewing some of the many minimal CSS-only frameworks that are available. See the [demo](https://dohliam.github.io/dropin-minimal-css) or [drop the switcher](#usage) into your own page to see how [different frameworks](#list-of-frameworks) would look together with your content.
This project only includes _minimal_ frameworks, in other words, boilerplate / classless frameworks that require no adjustment of the corresponding HTML and can be simply dropped into the project to provide a starting point for further design. No additional javascript, compiling, pre-processors, or fiddling with classes should be required for these to look good and be responsive.
You can quickly switch between frameworks by pressing the [modifier key or keys on your keyboard](https://github.com/dohliam/xsampa#access-keys) + `s` to focus the switcher dropdown menu, followed by the up and down keys to move up and down the list.
The bookmarklet is a convenient way to preview how different CSS frameworks would look on any HTML page. Just paste the following code into your address bar to create a CSS switcher for any site:
Or alternatively, drag the link at the top of the [demo page](https://dohliam.github.io/dropin-minimal-css) to your browser's bookmark bar.
Boomarklet generated by the [Bookmarklet Creator](http://mrcoles.com/bookmarklet/). Thanks to [markdown-css](https://github.com/mrcoles/markdown-css) for the idea!
### API
There is a simple API available to allow linking directly to particular stylesheets on the demo page. For example:
If you know of a minimal framework that hasn't been included here, please create an [issue](https://github.com/dohliam/dropin-minimal-css/issues) or [pull request](https://github.com/dohliam/dropin-minimal-css/pulls) so that we can add it to the list!
* [flat-ui](https://dohliam.github.io/dropin-minimal-css/?flat-ui) by Designmodo ([Source](https://github.com/designmodo/Flat-UI) · [CC BY & MIT](https://github.com/designmodo/Flat-UI#copyright-and-license))
* [fluidity](https://dohliam.github.io/dropin-minimal-css/?fluidity) by @mrmrs ([Source](https://github.com/mrmrs/fluidity) · [MIT](https://github.com/mrmrs/fluidity/blob/master/README.md))
* [furtive](https://dohliam.github.io/dropin-minimal-css/?furtive) by @johnotander ([Source](https://github.com/johnotander/furtive) · [MIT](https://github.com/johnotander/furtive/blob/master/LICENSE))
* [generic](https://dohliam.github.io/dropin-minimal-css/?generic) by @Vereis ([Source](https://github.com/Vereis/generic.css) · [MIT](https://github.com/Vereis/generic.css))
* [hack](https://dohliam.github.io/dropin-minimal-css/?hack) by @egoist ([Source](https://github.com/egoist/hack) · [MIT](https://github.com/egoist/hack/blob/master/LICENSE))
* [holiday](https://dohliam.github.io/dropin-minimal-css/?holiday) by @EvgenyOrekhov ([Source](https://github.com/EvgenyOrekhov/holiday.css) · [MIT](https://github.com/EvgenyOrekhov/holiday.css/blob/master/LICENSE))
* [html-starterkit](https://dohliam.github.io/dropin-minimal-css/?html-starterkit) by @zitrusfrisch ([Source](https://github.com/zitrusfrisch/HTML-StarterKit) · [MIT](https://github.com/zitrusfrisch/HTML-StarterKit#its-free))
* [hyp](https://dohliam.github.io/dropin-minimal-css/?hyp) by @krszwsk ([Source](https://github.com/krszwsk/hyp) · [MIT](https://github.com/krszwsk/hyp/blob/master/LICENSE))
* [kathamo](https://dohliam.github.io/dropin-minimal-css/?kathamo) by @debashisbarman ([Source](https://github.com/kathamo/Kathamo) · [MIT](https://github.com/kathamo/Kathamo/blob/master/LICENSE))
* [koochak](https://dohliam.github.io/dropin-minimal-css/?koochak) by @peyman3d ([Source](https://github.com/peyman3d/koochak) · [MIT](https://github.com/peyman3d/koochak/blob/master/LICENSE))
* [kraken](https://dohliam.github.io/dropin-minimal-css/?kraken) by @cferdinandi ([Source](https://github.com/cferdinandi/kraken) · [MIT](https://github.com/cferdinandi/kraken/blob/master/LICENSE.md))
* [kube](https://dohliam.github.io/dropin-minimal-css/?kube) by @imperavi ([Source](https://github.com/imperavi/kube) · [MIT](https://github.com/imperavi/kube/blob/master/LICENSE))
* [latex](https://dohliam.github.io/dropin-minimal-css/?latex) by @davidrzs ([Source](https://github.com/davidrzs/latexcss) · [MIT](https://github.com/davidrzs/latexcss/blob/master/LICENSE))
* [lemon](https://dohliam.github.io/dropin-minimal-css/?lemon) by @appalaszynski ([Source](https://github.com/appalaszynski/lemon) · [MIT](https://github.com/appalaszynski/lemon/blob/master/LICENSE))
* [lit](https://dohliam.github.io/dropin-minimal-css/?lit) by @Ajusa ([Source](https://github.com/Ajusa/lit) · [MIT](https://github.com/Ajusa/lit/blob/master/LICENSE))
* [lotus](https://dohliam.github.io/dropin-minimal-css/?lotus) by @goatslacker ([Source](https://github.com/goatslacker/lotus.css) · [MIT](https://github.com/goatslacker/lotus.css#license))
* [markdown](https://dohliam.github.io/dropin-minimal-css/?markdown) by @mrcoles ([Source](https://github.com/mrcoles/markdown-css) · [MIT](https://github.com/mrcoles/markdown-css/blob/master/license.txt))
* [marx](https://dohliam.github.io/dropin-minimal-css/?marx) by @mblode ([Source](https://github.com/mblode/marx) · [MIT](https://github.com/mblode/marx/blob/master/LICENSE.md))
* [materialize](https://dohliam.github.io/dropin-minimal-css/?materialize) by @Dogfalo ([Source](https://github.com/Dogfalo/materialize) · [MIT](https://github.com/Dogfalo/materialize/blob/v1-dev/LICENSE))
* [mercury](https://dohliam.github.io/dropin-minimal-css/?mercury) by @wmeredith ([Source](https://github.com/wmeredith/MercuryCSS) · [MIT](https://github.com/wmeredith/MercuryCSS/blob/master/LICENSE))
* [milligram](https://dohliam.github.io/dropin-minimal-css/?milligram) by @cjpatoilo ([Source](https://github.com/milligram/milligram) · [MIT](http://cjpatoilo.mit-license.org/))
* [min](https://dohliam.github.io/dropin-minimal-css/?min) by @owenversteeg ([Source](https://github.com/owenversteeg/min) · [MIT](https://github.com/owenversteeg/min#license))
* [mini](https://dohliam.github.io/dropin-minimal-css/?mini) by @Chalarangelo ([Source](https://github.com/Chalarangelo/mini.css) · [MIT](https://github.com/Chalarangelo/mini.css/blob/master/LICENSE))
* [mobi](https://dohliam.github.io/dropin-minimal-css/?mobi) by @xcatliu ([Source](https://github.com/mobi-css/mobi.css) · [MIT](https://github.com/mobi-css/mobi.css/blob/master/LICENSE)
* [motherplate](https://dohliam.github.io/dropin-minimal-css/?motherplate) by @leemunroe ([Source](https://github.com/leemunroe/motherplate) · [MIT](https://github.com/leemunroe/motherplate/blob/master/LICENSE))
* [mu](https://dohliam.github.io/dropin-minimal-css/?mu) by @BafS ([Source](https://github.com/BafS/mu) · [MIT](https://github.com/BafS/mu/blob/gh-pages/LICENSE))
* [mui](https://dohliam.github.io/dropin-minimal-css/?mui) by @amorey ([Source](https://github.com/muicss/mui) · [MIT](https://github.com/muicss/mui/blob/master/LICENSE.txt))
* [no-class](https://dohliam.github.io/dropin-minimal-css/?no-class) by @davidpaulsson ([Source](https://github.com/davidpaulsson/no-class) · [MIT](https://github.com/davidpaulsson/no-class/blob/master/LICENSE.txt))
* [normalize](https://dohliam.github.io/dropin-minimal-css/?normalize) by @necolas ([Source](https://github.com/necolas/normalize.css) · [MIT](https://github.com/necolas/normalize.css/blob/master/LICENSE.md))
* [oh-my-css](https://dohliam.github.io/dropin-minimal-css/?oh-my-css) by @egoist ([Source](https://github.com/egoist/oh-my-css) · [MIT](https://github.com/egoist/oh-my-css/blob/gh-pages/LICENSE))
* [paper](https://dohliam.github.io/dropin-minimal-css/?paper) by @rhyneav ([Source](https://github.com/papercss/papercss) · [ISC](https://github.com/papercss/papercss/blob/master/license))
* [papier](https://dohliam.github.io/dropin-minimal-css/?papier) by @baasdesign ([Source](https://github.com/alexanderGugel/papier) · [MIT](https://github.com/alexanderGugel/papier/blob/master/LICENSE.md))
* [pavilion](https://dohliam.github.io/dropin-minimal-css/?pavilion) by @baasdesign ([Source](https://github.com/getpavilion/pavilion) · [MIT](https://github.com/getpavilion/pavilion/blob/master/license))
* [picnic](https://dohliam.github.io/dropin-minimal-css/?picnic) by @FranciscoP ([Source](https://github.com/picnicss/picnic) · [MIT](https://github.com/picnicss/picnic/blob/master/LICENSE))
* [preface](https://dohliam.github.io/dropin-minimal-css/?preface) by @cluzier ([Source](https://github.com/cluzier/PrefaceCSS) · [MIT](https://github.com/cluzier/PrefaceCSS/blob/master/LICENSE))
* [primer](https://dohliam.github.io/dropin-minimal-css/?primer) by GitHub Inc. ([Source](https://github.com/primer/css) · [MIT](https://github.com/primer/css/blob/master/LICENSE))
* [pure](https://dohliam.github.io/dropin-minimal-css/?pure) by @yahoo ([Source](https://github.com/yahoo/pure/) · [BSD](https://github.com/yahoo/pure/blob/master/LICENSE.md))
* [sakura](https://dohliam.github.io/dropin-minimal-css/?sakura) by @oxalorg ([Source](https://github.com/oxalorg/sakura) · [MIT](https://github.com/oxalorg/sakura/blob/master/LICENSE.txt))
* [sanitize-10up](https://dohliam.github.io/dropin-minimal-css/?sanitize-10up) by @10up ([Source](https://github.com/10up/sanitize.css) · [PD](https://github.com/10up/sanitize.css/blob/master/LICENSE.md))
* [sanitize-zdroid](https://dohliam.github.io/dropin-minimal-css/?sanitize-zdroid) by @ZDroid ([Source](https://github.com/ZDroid/sanitize.css) · [MIT](https://github.com/ZDroid/sanitize.css/blob/master/LICENSE.md))
* [semantic-ui](https://dohliam.github.io/dropin-minimal-css/?semantic-ui) by Semantic-Org ([Source](https://github.com/semantic-org/semantic-ui) · [MIT](https://github.com/Semantic-Org/Semantic-UI/blob/master/LICENSE.md))
* [shoelace](https://dohliam.github.io/dropin-minimal-css/?shoelace) by @claviska ([Source](https://github.com/claviska/shoelace-css) · [MIT](https://github.com/claviska/shoelace-css/blob/master/LICENSE.md))
* [siimple](https://dohliam.github.io/dropin-minimal-css/?siimple) by @jmjuanes ([Source](https://github.com/siimple/siimple) · [MIT](https://github.com/siimple/siimple/blob/master/LICENSE.md))
* [simple](https://dohliam.github.io/dropin-minimal-css/?simple) by @neculaesei ([Source](https://github.com/neculaesei/simplecss) · [MIT](http://opensource.org/licenses/mit-license.php))
* [skeleton](https://dohliam.github.io/dropin-minimal-css/?skeleton) by @dhg ([Source](https://github.com/dhg/Skeleton) · [MIT](https://github.com/dhg/Skeleton/blob/master/LICENSE.md))
* [skeleton-framework](https://dohliam.github.io/dropin-minimal-css/?skeleton-framework) by skeleton-framework ([Source](https://github.com/skeleton-framework/skeleton-framework) · [MIT](https://github.com/skeleton-framework/skeleton-framework/blob/master/LICENSE))
* [skeleton-plus](https://dohliam.github.io/dropin-minimal-css/?skeleton-plus) by @oltmannsdaniel ([Source](https://github.com/oltmannsdaniel/skeleton-plus) · [MIT](https://github.com/oltmannsdaniel/skeleton-plus/blob/master/LICENSE))
* [snack](https://dohliam.github.io/dropin-minimal-css/?snack) by @nzbin ([Source](https://github.com/snack-ui/snack) · [MIT](https://github.com/snack-ui/snack/blob/master/LICENSE))
* [spectre](https://dohliam.github.io/dropin-minimal-css/?spectre) by @picturepan2 ([Source](https://github.com/picturepan2/spectre) · [MIT](https://github.com/picturepan2/spectre/blob/master/LICENSE))
* [style](https://dohliam.github.io/dropin-minimal-css/?style) by @ungoldman ([Source](https://github.com/ungoldman/style.css) · [ISC](https://github.com/ungoldman/style.css/blob/master/license.md))
* [stylize](https://dohliam.github.io/dropin-minimal-css/?stylize) by @vasanthv ([Source](https://github.com/vasanthv/stylize.css) · [MIT](https://github.com/vasanthv/stylize.css/blob/master/LICENSE))
* [tachyons](https://dohliam.github.io/dropin-minimal-css/?tachyons) by tachyons-css ([Source](https://github.com/tachyons-css/tachyons/) · [MIT](https://github.com/tachyons-css/tachyons/blob/master/license))
* [tacit](https://dohliam.github.io/dropin-minimal-css/?tacit) by @yegor256 ([Source](https://github.com/yegor256/tacit) · [MIT](https://github.com/yegor256/tacit/blob/master/LICENSE))
* [tent](https://dohliam.github.io/dropin-minimal-css/?tent) by @ulinaaron ([Source](https://github.com/sitetent/tentcss) · [MIT](https://github.com/sitetent/tentcss/blob/master/LICENSE))
* [thao](https://dohliam.github.io/dropin-minimal-css/?thao) by Giuseppe Sanfrancesco ([Source](https://github.com/ThaoFramework/Thao/) · [Apache](http://www.apache.org/licenses/LICENSE-2.0))
* [vanilla](https://dohliam.github.io/dropin-minimal-css/?vanilla) by @bradleytaunt ([Source](https://github.com/bradleytaunt/vanilla-css) · [MIT](https://github.com/bradleytaunt/vanilla-css/blob/master/LICENSE))
* [vital](https://dohliam.github.io/dropin-minimal-css/?vital) by @doximity ([Source](https://github.com/doximity/vital) · [Apache](https://github.com/doximity/vital/blob/master/LICENSE.md))
* [water](https://dohliam.github.io/dropin-minimal-css/?water) by @kognise ([Source](https://github.com/kognise/water.css) · [MIT](https://github.com/kognise/water.css/blob/master/LICENSE.md))
* [wing](https://dohliam.github.io/dropin-minimal-css/?wing) by @KingPixil ([Source](https://github.com/KingPixil/wing/) · [MIT](https://github.com/KingPixil/wing/blob/master/LICENSE))
* [writ](https://dohliam.github.io/dropin-minimal-css/?writ) by @programble ([Source](https://github.com/programble/writ) · [ISC](https://github.com/programble/writ/blob/master/LICENSE))
* [yorha](https://dohliam.github.io/dropin-minimal-css/?yorha) by @metakirby5 ([Source](https://github.com/metakirby5/yorha) · [MIT](https://github.com/metakirby5/yorha/blob/master/LICENSE))
* **[asciidoctor-skins](https://github.com/darshandsoni/asciidoctor-skins)** by @darshandsoni ([MIT](https://github.com/darshandsoni/asciidoctor-skins/blob/gh-pages/LICENSE))
* Including [Gazette](https://dohliam.github.io/dropin-minimal-css/?ads-gazette), [Medium](https://dohliam.github.io/dropin-minimal-css/?ads-medium), [Notebook](https://dohliam.github.io/dropin-minimal-css/?ads-notebook), and [Tufte](https://dohliam.github.io/dropin-minimal-css/?ads-tufte) themes
* **[bootswatch](https://github.com/thomaspark/bootswatch/)** by @thomaspark ([MIT](https://github.com/thomaspark/bootswatch/blob/gh-pages/LICENSE))
* Including [Cerulean](https://dohliam.github.io/dropin-minimal-css/?boot-cerulean/), [Cosmo](https://dohliam.github.io/dropin-minimal-css/?boot-cosmo/), [Cyborg](https://dohliam.github.io/dropin-minimal-css/?boot-cyborg/), [Darkly](https://dohliam.github.io/dropin-minimal-css/?boot-darkly/), [Flatly](https://dohliam.github.io/dropin-minimal-css/?boot-flatly/), [Journal](https://dohliam.github.io/dropin-minimal-css/?boot-journal/), [Lumen](https://dohliam.github.io/dropin-minimal-css/?boot-lumen/), [Paper](https://dohliam.github.io/dropin-minimal-css/?boot-paper/), [Readable](https://dohliam.github.io/dropin-minimal-css/?boot-readable/), [Sandstone](https://dohliam.github.io/dropin-minimal-css/?boot-sandstone/), [Slate](https://dohliam.github.io/dropin-minimal-css/?boot-slate/), [Spacelab](https://dohliam.github.io/dropin-minimal-css/?boot-spacelab/), [Superhero](https://dohliam.github.io/dropin-minimal-css/?boot-superhero/), and [Yeti](https://dohliam.github.io/dropin-minimal-css/?boot-yeti/) themes
* **[markdowncss](https://github.com/markdowncss)** by @johnotander:
* [workflow](https://github.com/dohliam/workflow) - Quick prototyping script for creating rich html and pdfs from markdown documents (based on dropin-minimal-css)
* [asciidoctor-skins](https://github.com/darshandsoni/asciidoctor-skins) - CSS stylesheets for asciidoctor (with a switcher based on dropin-minimal-css)
* Example images in the demo are by [MichaelMaggs](https://commons.wikimedia.org/wiki/User:MichaelMaggs) on [Wikimedia Commons](https://commons.wikimedia.org)
* Example videos provided by the [Blender Foundation](https://peach.blender.org/) via the [HTML5-Test-Videos](https://github.com/benhosmer/HTML5-Test-Videos) project
* Embedded audio by [John Pazdan](http://ccmixter.org/files/flatwound/14476) at [ccMixter](http://ccmixter.org/files/flatwound/14476)
* Special thanks to [Tacit CSS](https://github.com/yegor256/tacit), which was the original inspiration for making this list to answer the question "Where can I find more frameworks like Tacit?"