Butter Cake is a lightweight modular CSS framework, It makes it possible to craft modern and mobile-first designs without having to write too many lines of CSS. It is highly modular, and offers a large number of responsive components and elements that you can choose from.
Designed For Mobile first
Built with Flexbox
Just import what you need
Comparison
| ButterCake | Bootstrap | Bulma | |
|---|---|---|---|
| Size (Minified) | 42kb css - (js 5kb - unminified) | 137kb css - (without js) | 166kb css only |
| Beginner Friendly | |||
| Less Classes | |||
| Modular | |||
| Grid System | 12 (Customizable) | 12 (Customizable) | |
| Customizable Level | |||
| Version | v2.0.0 | v4.1.3 | v0.7.2 |
Download Butter Cake and link css file and js file
<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- BUTTER CAKE CSS -->
<link rel="stylesheet" href="https://v3.getbuttercake.com/host/dist/butterCake.css">
......
<!-- jQuery first, then Butter Cake JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://v3.getbuttercake.com/host/js/butterCake.js"></script>That's it, now you are ready to go