Awesome Open Source
Awesome Open Source


A lightweight front-end framework for creating scalable and performant, responsive sites

devDependency Status Build status Dependency Status XO code style bitHound Overall Score

Developed and maintained by Ashley Nolan & Zander Martineau


Feature Description
⏩ #webperf Performance-first, responsive philosophy
🚍 Rock-solid build tasks We use gulp & webpack to deliver the best task runner & developer experience for your project
👓 Unopinionated & extendable A few common UI elements, a grid & some other base styles. The rest is up to you.
🔮 Future proof Build complex layouts with flexbox & use ES2015 (ES6) for your javascript.
😠 Lean & mean CSS: 8.68 kB gzipped
JS: 2 kB gzipped
It is a boilerplate after all 😉


Command Description
npm start Basic dev server using Browsersync
npm run watch Watch all files for changes
npm run deploy Install all dependencies and compile all assets for production deployment
npm run compile:all Compile the CSS & JS, compress the images and run any other compilation tasks needed to run your app
npm run compile:release Add the --release flag to any other task, e.g. gulp javascript --release or gulp css --release
npm run compile:css Sass (Libsass via node-sass), Postcss with Autoprefixer, CSSNano, Source Maps & more..
npm run compile:js Babel, Webpack
npm run compile:svg Auto-generated SVG sprites
npm run compress:images Image compression with imagemin
npm run lint:js Lint JS using xo
npm run fix:js Fix JS linting issues using xo
npm run lint:css Lint CSS using stylelint. We use the rules for our linting
npm test Run javascript and css tests
npm run clean:all Clean the compiled files
npm run copy:all Run the copy tasks - useful for things like webfonts etc
npm run release-patch Creates a patch release using release-it
npm run release-minor Creates a minor release using release-it
npm run release-major Creates a major release using release-it
npm run release-premajor Creates a premajor release using release-it

📝 Demos and documentation

Kickoff's demo and documentation site is hosted at

Yeoman generator

Our Yeoman Generator is the best way to get Kickoff each time you want to start a new project, visit for more info.

Slack logo Need real-time help? Find us on Slack

🐛 Bugs and feature requests

Have a bug or a feature request? Please search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Browser compatibility

Kickoff has been tested in the following browsers:

Chrome (latest) Firefox (latest) Safari (latest) Edge (latest) Opera (latest)
Chrome Firefox Safari Microsoft Edge Opera

We also support older versions of Internet Explorer but the support is limited. For example, the Kickoff grid relies on flexbox so Modernizr is needed to detect for it and then we can provide a fallback.

Maintainers and contributors

Zander Martineau Ashley Nolan Nic Bell
Zander Ashley Nic
Twitter Twitter Twitter
Github Github Github
Site Site Site


If you're using Kickoff we'd love to hear about it; please e-mail us at [email protected]

Keep track of development and community news by following @TryKickoff on Twitter.


Please read our contribution guidelines before contributing to Kickoff.


For transparency into our release cycle and in striving to maintain backward compatibility, Kickoff is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to those rules whenever possible.

Sponsored by

TMW Unlimited...

Kickoff was created by Ash and Zander while working at TMW. TMW continue to provide sponsorship for the development of the project as well as domain renewals, stickers etc.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,065) 
css (7,202) 
gulp (197) 
webpack2 (110) 
frontend-framework (27) 

Find Open Source By Browsing 7,000 Topics Across 59 Categories

Advertising 📦 10
All Projects
Application Programming Interfaces 📦 124
Applications 📦 192
Artificial Intelligence 📦 78
Blockchain 📦 73
Build Tools 📦 113
Cloud Computing 📦 80
Code Quality 📦 28
Collaboration 📦 32
Command Line Interface 📦 49
Community 📦 83
Companies 📦 60
Compilers 📦 63
Computer Science 📦 80
Configuration Management 📦 42
Content Management 📦 175
Control Flow 📦 213
Data Formats 📦 78
Data Processing 📦 276
Data Storage 📦 135
Economics 📦 64
Frameworks 📦 215
Games 📦 129
Graphics 📦 110
Hardware 📦 152
Integrated Development Environments 📦 49
Learning Resources 📦 166
Legal 📦 29
Libraries 📦 129
Lists Of Projects 📦 22
Machine Learning 📦 347
Mapping 📦 64
Marketing 📦 15
Mathematics 📦 55
Media 📦 239
Messaging 📦 98
Networking 📦 315
Operating Systems 📦 89
Operations 📦 121
Package Managers 📦 55
Programming Languages 📦 245
Runtime Environments 📦 100
Science 📦 42
Security 📦 396
Social Media 📦 27
Software Architecture 📦 72
Software Development 📦 72
Software Performance 📦 58
Software Quality 📦 133
Text Editors 📦 49
Text Processing 📦 136
User Interface 📦 330
User Interface Components 📦 514
Version Control 📦 30
Virtualization 📦 71
Web Browsers 📦 42
Web Servers 📦 26
Web User Interface 📦 210