🍺 The front-end Boilerplate that you need to start easily customizable multi-device development.

Usage no npm install needed!

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


Swill Boilerplate Generator

Build Status Coverage Status NPM version NPM Downloads js-standard-style Github License

Generator Dependencies: Dependencies Status devDependencies Status

Swill Boilerplate Dependencies: boilerplate devDependencies Status

LIKE ? Leave a Star : Make a DEV sad

Swill Boilerplate Logo Yeoman Logo

Yeoman generator for Swill Boilerplate


  • Cleans the assets (build, images, CSS, JS) in the project to maintain the directory organization
  • Compresses Images
  • Generates Sprites with .png
  • Generates Sprites with .svg and a .png to fallback
  • Analyzes CSS with CSS Lint
  • Prefixes CSS with Autoprefixer
  • Compiles Sass or Stylus (Catches Stylus errors and shows them directly on the page, as in Sass)
  • Combines matching media queries into one
  • Concatenates and minifies scripts
  • Analyzes JavaScript with ESLint
  • Compiles ES2015, ES2016 and ES2017
  • Validates HTML
  • Notifies when tasks are complete
  • Monitors changes in the files and reloads the browser with BrowserSync
  • Uses Jasmine & Karma to test JavaScript
  • Builds the project compressing HTML, CSS and JS
  • Pushes the build folder to gh-pages branch
  • Uses [](JavaScript Standard Style)


First, install Yeoman and generator-swill-boilerplate using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-swill-boilerplate

Then generate your new project:

yo swill-boilerplate


Swill Boilerplate


Swill Boilerplate Generator is released under the terms of the MIT license.