Get Started


Get started with Butter Cake, an easiest HTML,CSS & Javascript framework for building responsive, mobile-first sites with Less Classes and HTML.

Quick start

Download Butter Cake Css Framework - Head to the downloads page.
Butter Cake Framework currently not hosted on CDN


Link Butter Cake stylesheet dist/butterCake.css file into your head tag before all other stylesheets to load our CSS.

<link rel="stylesheet" href="">
<link rel="stylesheet" href="dist/butterCake.css">

Navbar, Dropdown, Tabs, Accordian and Modal Requires Butter Cake Javascript File. Specifically, they require jQuery

<script src="js/butterCake.js"></script>
Starter template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

<!doctype html>
<html lang="en">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- FONT AWESOME -->
    <link rel="stylesheet" href="">
    <!-- BUTTER CAKE CSS -->
    <link rel="stylesheet" href="">

    <title>Hello, world!</title>
    <h1>Hello, world!</h1>

    <!-- jQuery first, then Butter Cake JS -->
    <script src=""></script>
    <script src=""></script>