Pattern Lab
Create atomic design systems with Pattern Lab. Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
- Free • Open Source
- Self-Hosted
- PHP
- Node.JS
What is Pattern Lab?
Create atomic design systems with Pattern Lab. 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.
Pattern Lab Screenshots
Pattern Lab Features
Pattern Lab information
Supported Languages
- English
Tags
- Web Design
- static-generator
- design-tools
- development
- pattern
Recent user activities on Pattern Lab
- ddlidd liked Pattern Labdd
POX added Pattern Lab as alternative(s) to Fabricator
POX added Pattern Lab as alternative(s) to Swanky Docs
Comments and Reviews Post a comment/review