by PebbleRoad

PebbleRoad / tapestry

An app for creating and managing your front-end pattern library.

197 Stars 52 Forks Last release: Not found MIT License 49 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Tapestry - Pattern Library Maker

An app for creating and managing your front-end pattern library.

  1. Create patterns in Markdown files
  2. Browseable interface
  3. Free and open source
  4. Comment on each pattern using

Built with Gulp, Angular and Markdown/YAML.


How to use

  1. Clone the repository

    git clone https://github.com/PebbleRoad/tapestry.git
  2. Install NPM and bower packages

    npm install && bower install
  3. Launch the server

    gulp patterns
  4. Open your browser and navigate to


Configuring disqus

Create a new discuss account and open

and set the

Pattern format

name: Alert
description: |
    ### What
    Page­ level information or service alert. Critical updates with a defined time period should be pushed using the alert box.
    ### Use when
    For page­level critical updates.
This is a success alert
More body text

How it works

  1. Patterns folder is watched by Gulp and JSON files are generated for each root pattern
  2. AngularJS uses these JSON documents to show a browseable interface of the patterns
  3. Inject your own CSS by editing
    and add your own patterns


  1. Unit testing gulp plugins - gulp-tree and gulp-script-inject
  2. Unit testing of the Angular app

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.