4.7 KiB
Modular switcher for previewing drop-in minimal CSS frameworks
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 or drop the switcher into your own page to see how different frameworks would look together with your content.
This project only includes minimal frameworks, in other words, boilerplate 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.
Usage
To use the CSS switcher, just add the following line anywhere within the body tag on your page:
<script src="switcher.js" type="text/javascript"></script>
That's it! You should now be able to cycle through the different frameworks by choosing them from the dropdown at the top of the page.
Adding frameworks
If you know of a minimal framework that hasn't been included here, by all means create an issue or pull request so that we can add it to the list!
List of frameworks
- bullframe by @marcopontili (MIT)
- caiuss by @IonicaBizau (MIT)
- kathamo by debashisbarman (MIT)
- kube by @imperavi (MIT)
- lotus by goatslacker (MIT)
- milligram by @cjpatoilo (MIT)
- min by @owenversteeg (MIT)
- motherplate by @leemunroe (MIT)
- normalize by @necolas (MIT)
- oh-my-css by @egoist (MIT)
- pure by yahoo (BSD)
- siimple by @jmjuanes (MIT)
- simplecss by @neculaesei (MIT)
- tacit by @yegor256 (MIT)
- sanitize by @10up (PD)
- sanitize by @ZDroid (MIT)
- skeleton by @dhg (MIT)
- skeleton-framework by skeleton-framework (MIT)
- skeleton-plus by @oltmannsdaniel (MIT)
- thao by Giuseppe Sanfrancesco (Apache)
Acknowledgements
- Sample HTML5 markup based on html5-kitchen-sink by @dbox (MIT)
- Example images in the demo are by MichaelMaggs on Wikimedia Commons
- Example videos provided by the Blender Foundation via the HTML5-Test-Videos project
- Embedded audio by John Pazdan at ccMixter
- Special thanks to Tacit CSS, which was the original inspiration for making this list to answer the question "Where can I find more frameworks like Tacit?"
LICENSE
MIT.