nowfound

Life & fun · December 7, 2015

Pattern Lab

Systematic approach to product design.

Pattern Lab launched on December 7, 2015 with 6 votes. The site was still online in September 2026, 10 years on.

Visit patternlab.io ↗Pattern Lab alternatives

What it does

Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components. At its core, Pattern Lab is a Node-powered static site generator that stitches together UI components. But there's a whole lot more to it than that! Include UI patterns inside each other like Russian nesting dolls. Make a change to a pattern and immediately see those changes reflected anywhere it is included. Create living UI prototypes using dynamic data to ensure your components can handle the dynamic nature of your content. Pattern Lab doesn't impose any tools or libraries on you, which means you have full control over how author your project. Use atomic…from patternlab.io

Does a similar job

all alternatives →
  • A Pattern Language2015 · amazon.com · ▲68

    Applying Patterns to Solve Design Problems

  • Pattern Tap2014 · zurb.com · ▲113

    Design Patterns from Zurb

  • CodePen Patterns2014 · codepen.io · ▲243

    A collection of design patterns & code for your project

  • Inclusive Design Patterns2016 · smashingmagazine.com · ▲79

    Dozens of practical examples and workflows

  • Patternry2014 · pathmode.io · ▲65

    A tool for building living UI libraries

  • Design Patterns for Humans2017 · github.com · ▲13

    An ultra-simplified explanation to Design Patterns

More life & fun this month

the category →

Source: Product Hunt launch ↗

Launched alongside, December 2015

the whole month →