Back to library

Preview of Pattern Lab

Site

Design Systems & Foundations · DS platforms

Pattern Lab

Atomic-design pattern engine that composes components from atoms upward and generates a browsable pattern library.

Why it’s a gem
The original atomic-design implementation; still the clearest teaching tool for hierarchy.

Visit patternlab.io

Author: Brad Frost & Dave Olsen
Type: Website
License: MIT
Added: Aug 17, 2026
Domain: patternlab.io

atomic-design pattern-library templating documentation

More from DS platforms

Preview of Fractal

Fractal

Node tool for building and documenting component libraries from plain templates, framework-agnostic and driven by a simple config.

Preview of Knapsack

Knapsack

Design system platform combining live code components, token management, prototyping and enterprise governance in one workspace.