Scaffold out a Foundation 5 front-end web app using Sass (node-sass) by default

Usage no npm install needed!

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


Web app generator Build Status

Yeoman generator that scaffolds out a Foundation 5 front-end web app using Gulp for the build process.


  • Built-in preview server with BrowserSync (new)
  • CSS Autoprefixing (new)
  • Automagically compile Sass (via libsass) (new)
  • Automagically lint your scripts
  • Awesome Image Optimization (via OptiPNG, pngquant, jpegtran and gifsicle)
  • Automagically wire-up dependencies installed with Bower (when gulp watch or gulp wiredep)
  • TODO: Mocha Unit Testing with PhantomJS
  • TODO: Optional - Leaner Modernizr builds (new)

Getting Started

  • Install: npm install -g generator-gulp-foundation
  • Run: yo gulp-foundation
  • Run gulp for building and gulp watch for preview

Third-Party Dependencies


To install dependencies, run bower install depName --save to get the files, then add a script or style tag to your index.html or an other appropriate place.


  • --skip-install

    Skips the automatic execution of bower and npm after scaffolding has finished.

  • --test-framework=<framework>

    Defaults to mocha. Can be switched for another supported testing framework like jasmine.


BSD license