The CSS Library that Loves to Be Extended

Faster and lighter than Bootstrap

CSS

Kickstart's CSS is only 80kb and even smaller when you roll your own from the Sass mixins.

JavaScript

Not only is the Kickstart JS smaller than Bootstrap and Foundation, it also doesn't require jQuery--drastically reducing page load times.

Optimized for developer happiness

 KickstartBootstrapFoundationBourbon
Open source
Used today in production environments
Native support for Rails
Native support for Gulp   
Native support for 3rd party components   
Official Component/Theme store   
Native support for 3rd party themes   
Optional simple CDN-hosted CSS/JS usage 
Optional single-mixin components   
jQuery Optional JavaScript   
Flexbox Grid   

Use statically or with mixins

Look how easy it is to create this Navbar. Most components in Kickstart require only one mixin to bring markup to life.

For users preferring a static CSS file, simple CSS classes are available to quickly write up components.

Did you know? The Kickstart documentation can be toggled between static- and mixin-usage.

<!-- Just use a CSS class -->
<div class="navbar">
  <nav>
    <ul>
      <li>
        <a href="#">Home</a>
      </li>
      <li>
        <a href="#">Blog</a>
      </li>
    </ul>
    <ul>
      <li>
        <a class="button button-primary" role="button" href="#">Login</a>
      </li>
    </ul>
  </nav>
</div>

// Just one mixin does the trick!
// Use whatever CSS class you want.
.info-bar { @include navbar(); }
.button { @include button($primary-color); }

<div class="info-bar">
  <nav>
    <ul>
      <li>
        <a href="#">Home</a>
      </li>
      <li>
        <a href="#">Blog</a>
      </li>
    </ul>
    <ul>
      <li>
        <a role="button" href="#">Login</a>
      </li>
    </ul>
  </nav>
</div>

Loves to be extended

The library is just the core. Kickstart is designed to be extended and themed via the Kickstart Store.

Use in any project

The Kickstart library is available for basic HTML as well as official Gulp and Rails integrations.

Specifications

Browser Support
Officially, Kickstart is a library for Evergreen Browsers. But I make an effort to support IE 10+, IE9 with shim, Chrome 35, Firefox 30+, Safari 8+
License
MIT
Source Files
Sass, Jade, CoffeeScript