Awesome Open Source
Awesome Open Source

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="[email protected]/dist/css/butterCake.min.css">

JS (jsdelivr)

<script src="[email protected]/dist/js/butterCake.min.js"></script>


Checkout the official website for the Documentation.

Why You should use - Butter Cake

  • โœˆ๏ธ light weight
  • ๐Ÿ—ƒ Modular Components
  • ๐Ÿ  Simple Structure
  • ๐Ÿ“œ Built Using Sass(SCSS)
  • ๐Ÿ“ฒ Responsive

๐ŸŒ 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.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
css (7,395)ย 
framework (1,116)ย 
scss (718)ย 
sass (470)ย 
html5 (466)ย 
css3 (208)ย 
research (204)ย 
css-framework (125)ย 
flexbox (101)ย 
modern (60)ย 
css-grid (54)ย