Pears is a free WordPress theme that will enable you to create your very own CSS and HTML pattern library!
You could drop this on a subdomain, localhost, private or public, Pears + WordPress = AWESOME!
Here’s how it works:
From the Pears GitHub:
I wanted a handy way of collecting HTML & CSS pattern pairs. Often used modules with a minimal of style applied. It’s become a valuable learning tool, whereby breaking interfaces down into small pieces make it easier to learn and improve running code.
Adding the pairs and patterns is as easy as blogging:
- Each pattern is a WordPress post.
- Add your HTML markup in the ‘html’ custom field.
- Add the CSS style in the ‘css’ custom field.
- And use the main content field for any additional notes you need.
After you’ve done this in the admin, here’s how it works on the user end.
Select your pattern from the menu:
As you can see (below), the pattern is rendered on top, followed by the HTML and CSS code:
I love it!