Pattern Lab logo
Pattern Lab

  • Getting Started
    • Getting Started
      • Installing Pattern Lab
      • Running Pattern Lab
      • Editing Pattern Lab Source Files
      • Editing the Configuration Options
    • Working with Patterns
      • Overview of Patterns
      • Adding New Patterns
      • Reorganizing Patterns
      • Including Patterns
      • Pattern Lab's Special Query String Variables
      • Documenting Patterns
      • Managing Pattern Assets
      • Modifying the Pattern Header & Footer
      • Using Pseudo-Patterns
      • Using Pattern Parameters
      • Using Pattern States
      • Hiding Patterns in the Navigation
      • Adding Annotations
    • Working with Data
      • Linking to Patterns with Pattern Lab's Default `link` Variable
      • Creating Pattern-specific Values
      • Overview of Data
      • Introduction to JSON & Mustache Variables
    • Advanced
      • Template Language and PatternEngines
      • Starterkits
      • Pattern Wrap Classes
      • Modifying Pattern Lab's Navigation
      • Keyboard Shortcuts
      • Exporting Patterns
      • Overview of Pattern Lab's Ecosystem
  • Demos
  • Support
  • Resources
  • On Github

Resources

Style guides and atomic designpermalink

  • Styleguides.io
  • Atomic Design by Brad Frost
  • Atomic design article
  • A new link

Pattern Lab Examplespermalink

  • Pattern Lab Demo
  • Altinn
  • hTWOo UI Framework - Demo

Articlespermalink

  • Making And Maintaining Atomic Design Systems With Pattern Lab 2 by Brad Frost, Dave Olsen, Brian Muenzenmeyer
  • Using Pattern Lab to Design Build and Maintain a (Jekyll) Website by Brian Muenzenmeyer
  • Solving Problems with Pattern Lab - Small Team Workflow by Brian Muenzenmeyer
  • Adding Common Gulp Tasks to Pattern Lab Node by Brian Muenzenmeyer
  • Why and How to Test Your Pattern Library: Testing Strategy by Jim Newbery
  • Why and How to Test Your Pattern Library: Testing a Pattern Lab Project by Jim Newbery

Podcastspermalink

  • Dave Olsen talking Pattern Lab 2 on Non-Breaking Space Podcast
  • Brian Muenzenmeyer talking Pattern Lab 2 on the MS DEV SHOW Podcast

Presentationspermalink

  • Screencast: A Quick Intro to Pattern Lab Node with Brian Muenzenmeyer
  • Screencast: Migrating to Pattern Lab 3.0
  • Code: Migrating to Pattern Lab 3.0
  • Resources
  • Updates
  • Demos
  • On Github

This site is powered by Netlify