Write a webapp using the code of the future with gulp, babel and PostCSS with cssnext!

Usage no npm install needed!

<script type="module">
  import generatorFutureWebapp from '';


Future Web App Generator

Write the app of the future using a Yeoman generator that scaffolds out a front-end web app using gulp for the build process, Babel to leverage ES2015 features, and PostCSS with cssnext for CSS4 features.

Build Status npm version Dependency Status devDependency Status Code Climate


Please see the gulpfile for up to date information on what is supported.

  • CSS Autoprefixing
  • Write the CSS of the future with cssnext and PostCSS
  • Write the JavaScript of the future using ES2015 features by using Babel
  • Built-in preview server with BrowserSync
  • Automagically lint your scripts
  • Map compiled CSS and JavaScript to source files with source maps
  • Awesome image optimization
  • Automagically wire-up dependencies installed with Bower

For more information on what this generator can do for you, take a look at the gulp plugins used in the package.json.

Getting Started

  • Install dependencies: npm install --global yo gulp bower
  • Install the generator: npm install --global generator-future-webapp
  • Run yo future-webapp to scaffold your webapp
  • Run gulp serve to preview and watch for changes
  • Run bower install --save <package> to install frontend dependencies
  • Run gulp serve:test to run the tests in the browser
  • Run gulp to build your webapp for production
  • Run gulp serve:dist to preview the production build


  • --skip-install Skips the automatic execution of bower and npm after scaffolding has finished.
  • --test-framework=<framework> Either mocha or jasmine. Defaults to mocha.


MIT license