Skip to content
Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰
Branch: master
Clone or download
Latest commit 3a03f15 Nov 18, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github updated May 24, 2019
dist Butter Cake v3.0 Updated Sep 27, 2019
src Butter Cake 3.0.0 updates Sep 27, 2019 Initial Contribution Details Oct 25, 2018
LICENSE Initial commit Oct 6, 2018 Browser Updates Nov 18, 2019
index.html Butter Cake 3.0.0 updates Sep 27, 2019
package.json Butter Cake v3.0 Updated Sep 27, 2019
prepros-6.config Butter Cake 3.0.0 updates Sep 27, 2019

Butter Cake logo

Butter Cake


A Modern Lightweight Front End CSS framework for faster and easier web development.
Explore Butter Cake docs Β»

Report bug . Request feature . Examples


Awesome Css Jsdeliver GitHub Releases Website GitHub issues

Build responsive, mobile-first projects on the web with Butter Cake.

Butter Cake is an open source and lightweight modular toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass(SCSS) variables and mixins, responsive grid system, extensive prebuilt components.

Get Started


npm i buttercake

CSS (jsdelivr)

<link rel="stylesheet" href="">

JS (jsdelivr)

<script src=""></script>

Butter Cake is constantly in development! Try it out now.


Checkout the official website for the Documentation.

Why You should use - Butter Cake

  • ✈️ light weight 59kb (css) & 4kb (js)
  • πŸ—ƒ Modular Components
  • 🏠 Simple Structure
  • πŸ“œ Built Using Sass(SCSS)
  • πŸ“² Responsive

No need to setup development environment with Gulp etc... because Butter Cake uses Prepros (FREE APP) to compile SASS(SCSS).

Can start a new project within seconds 😻

🌐 Browser Support

Butter Cake uses autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Butter Cake is compatible with recent versions of:

Chrome, Firefox, Safari, Edge, Samsung Internet

  • Chrome
  • Firefox
  • Safari
  • Edge
  • Samsung Browser
  • Opera

Support the developement

Copyright and license

Code copyright 2018 - 2019 Himas Rafeek. Code released under the MIT license.

You can’t perform that action at this time.