Releasing - Version 2.5.0 Before (May, 15th, 2019) a lot of new stuffs!! 🔥

Butter Cake 2.0

A Modern Lightweight CSS framework ~ 42KB

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.

Currently v2.0
100% Responsive

Designed For Mobile first

Modern

Built with Flexbox

Modular

Just import what you need

Why Butter Cake?


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

Usage


Download Butter Cake and link css file and js file

Requires - jQuery
For Navbar, Dropdown, Tabs, Accordian and Modal
<!-- 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://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://getbuttercake.com/host/js/butterCake.js"></script>

That's it, now you are ready to go


Explore Docs