Generating styled markup from a folder of markup snippets.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
patterns Adding a few more patterns Nov 18, 2011
README.mdown Add link to Grunt version Nov 25, 2013
global.css Initial pattern primer example Nov 18, 2011
index.php Ignore VIMs .swp files Oct 8, 2014


Create little snippets of markup and save them to the "patterns folder." The pattern primer will generate a list of all the patterns in that folder. You will see the pattern rendered as HTML. You will also get the source displayed in a textarea.

You should be able to take the whole "pattern-primer" folder and drop it into your own project (assuming you're running PHP) BUT make sure to update the link element in the head of pattern-primer/index.php to point to your own CSS.

Here's a Node.js port:

And here it is in Ruby:

Here's a Jekyll version:

You can even run it using Grunt: