Frontend Build GitHub version

Code Climate Build Status dependencies Status devDependencies Status Join the chat at Gratipay User Beerpay

Frontend Build is a light-weight, no-bloat, front-end build framework. It’s purpose is to give developers a jumpstart utilizing Gulp to automate repetitive tasks, a BEM CSS methodology for a standards-driven approach, pre-loaded with the Foundation front-end framework (easily add others or even your own!) and integrated with Babel allowing developers to use the next generation JavaScript.

If you’re viewing this at, you’re reading the documentation for the master branch. View documentation for the latest release.


Direct Download

Download the script here and include it (unless you are packaging scripts somehow else).


Navigate to the frontend directory in Terminal and run the following commands:

  1. $ bundle install To install gem dependencies
  2. $ npm install To install dependencies
  3. $ npm start Watch files & run appropriate tasks when needed

Development Usage

The following commands can be run in the frontend directory during development. An optional --prod flag can be appended to run for production environments, defaults to development.


Another feature to using Frontend Build is it’s ability to create a styleguide automatically using KSS. For more information, see the syntax documentation on how to utilize this feature.


Check out the Contributing Guidelines.


For vulnerability reports, send an e-mail to me at benmarshall dot me.



v4.2.1 (August 8, 2017)

v4.2.0 (August 8, 2017)

v4.1.0 (July 13, 2017)

v4.0.0 (June 21, 2017)

v3.0.3 (dev)

v3.0.2 (April 27, 2017)

v3.0.1 (April 5, 2017)