Skip to content


Repository files navigation


[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [npm-image]: [npm-url]: [travis-image]: [travis-url]: [daviddm-image]: [daviddm-url]:

Scaffolds a UI Component with ES6/7, tests, nsp checks, and webpack+babel build. Initializes a git repository. Creates a minimal build process that you can get started with immediately, including browsersync for quick feedback. Includes the CSS and Sass loaders so you can write your styles cleanly and import them just like node modules. Includes the jade-loader so you can write HTML painlessly. And finally includes a demo "base component" to extend from, a demo "event emitter" class to extend from, and webpack support for ES7 features so you can have fun writing JavaScript :).


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

npm install -g yo
npm install -g generator-ui-component

Then generate your new project:

mkdir my-fancy-component && cd $_
yo ui-component

Make sure to run the sample test suite to make sure things are working as expected:

npm test

Then get started working. A basic index.html file is provided for you to prove out your UI component as quickly as possible.

open index.html
npm start


All content copyright © Jacopo Tarantino. This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit


  • use npm postInstall hook to run environment config with n and such.
  • VictorBjelkholm/autochecker
    • is this the same as dylang/npm-check?
  • git hooks
  • Tests for the generator itself
  • Boilerplate CI integration
    • Automatically connect to CI?
  • Support for codeclimate
    • Automatic setup
    • automatic sending of code coverage stats
  • Support for react/polymer/angular/events/pouchdb/isomorphism
  • Github pages support
  • semantic release
    • for both the generator and the generated output
  • readme badges
  • replace livereload with that and parallelshell