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 UIDX

UIDX

Local design canvas that stores pages as diffable .uidx JSX files in your repo, with CLI and MCP so agents and humans share one workspace.

Preview of Knapsack

Knapsack

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