Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.

At its core, Pattern Lab is a static site generator (powered by either PHP or Node) that stitches together UI components. But there's a whole lot more to it than that!

Nested Patterns

Pattern Lab lets you include UI patterns inside each other like Russian nesting dolls. Make a change to a pattern, and see those changes reflected anywhere the pattern is included!

Design With Dynamic Data

Unlike static design tools, Pattern Lab lets you easily swap in different representative content into your components to ensure they can handle the dynamic nature of your content.

How It Works

Learn how to get Pattern Lab up and running, use patterns, work with dynamic data, and make the most of all Pattern Lab's features.

Pattern Lab is brought to life by Brian Muenzenmeyer (@bmuenzenmeyer), Evan Lovely (@EvanLovely), Brad Frost (@brad_frost), and a team of amazing developers from around the world. You can contribute to the project on Github and join the discussion on Gitter and Twitter.