Responsive Mobile-first jQuery/CSS Framework - Butter Cake

File Size: 488 KB
Views Total: 758
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive Mobile-first jQuery/CSS Framework - Butter Cake

Butter Cake is an HTML/CSS/JS framework which helps web developers create responsive, flexible, mobile-compatible web applications in an easy way.

Key features:

  • Responsive layout based on CSS flexbox.
  • More than 100 helper classes.
  • Nice and clean look.
  • Useful components.
  • Easy to customize via SCSS.

How to use it:

1. Download and insert the Butter Cake's files in the document.

<link rel="stylesheet" href="/path/to/butterCake.css">
<script src="/path/to//butterCake.js"></script>

2. Include the latest version of jQuery library for components (e.g. modal).

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" 
        crossorigin="anonymous">
</script>

3. Read the documentation to create your own project.

Previews:

Typography

Grid

Dropdown

HTML Table

Form Elements

Cards

Alerts

Modal Window

Off-canvas Nav


This awesome jQuery plugin is developed by HimasRafeek. For more Advanced Usages, please check the demo page or visit the official website.