Kickoff 6 released

over 7 years ago from , Creative Technology Lead at TMW

Kickoff is a powerful front-end framework that uses the latest tooling and techniques to enable developers to make scalable, responsive websites.

What sets Kickoff apart from Bootstrap/Foundation/other?

Most other frameworks seem to add components and functionality for every eventuality which you just end up removing each time. Kickoff’s approach is almost the reverse: provide a solid base to allow almost any type of website to be created.


Intuitive CSS / Sass

Kickoff comes with a robust CSS framework; it provides many sensible defaults so that you can get your project up and running in the shortest possible time.

We make use of the excellent Sass CSS preprocessor which allows us to use many extra features beyond the capabilities of vanilla CSS.

Unopinionated Javascript

Kickoff uses Browserify to bundle javascript modules but beyond that, it does not prescribe a way for you to write your JS. We believe that writing JS in a modular way is the future.

Awesome tooling

Kickoff is powered by the Grunt.js task runner. It is used extensively to ease common development bottlenecks and allow us developers to focus on creating the best work possible.

Special attention has been made to ensure Kickoff works well with continuous delivery, if you develop that way.

Yeoman generator

Our Yeoman Generator is the best way to get Kickoff each time you want to start a new project, install it with:

npm install -g generator-kickoff


We would love your opinion on it, so please let us know in the comments.


  • Taurean BryantTaurean Bryant, over 7 years ago

    I thought it was This Kick Off and I got excited. :(

    2 points
  • Luis Carli, over 7 years ago

    I would place my bet on Webpack and Babel for the best and latest js tooling. Also there's no unit test setup, and jshint author suggest the use of eslint for some time now.

    1 point
    • Zander Martineau, over 7 years ago

      Hey Luis, I've been looking at Webpack recently and while being extremely powerful, we don't feel the need to move away from Grunt at this point in time. Also, we will be upgrading to eslint shortly - pull requests always welcome ;)

      0 points
  • Joshua TurnerJoshua Turner, over 7 years ago

    I love the support for Browserify out-of-the-box.

    Do you guys have any plans to support flex-based layouts? That's a pretty attractive benefit of the new bootstrap alpha.

    1 point
    • Ashley Watson-NolanAshley Watson-Nolan, over 7 years ago

      We’d definitely be open to work on that – plans for the framework are pretty flexible really (mainly shaped by advances in CSS/JS), so including more layout options leveraging Flexbox certainly makes a lot of sense.

      I’ll make sure we add it to our issues to discuss.

      0 points