Fork me on GitHub


Pattern Lab!


Like peanut butter and jelly, but less sticky.

Learn More Install

What is Yeo+Lab?

A Yeoman generator for Pattern Lab, a static site generator based on Brad Frost's Atomic Design methodologies. Yeo+Lab scaffolds out a new Pattern Lab site (using default or custom patterns) and sets up a few other optional workflow bells and whistles (Compass, Sass, Bower, Grunt) and front-end dependencies (jQuery, Modernizr, Require, etc.).

Getting Started

  1. Install Yeoman globally: $ npm install -g yo
  2. Install Yeo+Lab globally: $ npm install -g generator-patternlab
  3. From the terminal, navigate to your site's directory (creating a separate UI directory in the project root works pretty well).
  4. Type $ yo patternlab and answer a few questions about your project.
  5. When it's done, type $ grunt to generate your first Pattern Lab build…
  6. …and $ grunt watch to start the watcher.
  7. Bask in the glory of your fully scaffolded site!