Style Guide Boilerplate – Reuse Design Components

You and I have a toolkit that we use nearly every time we engage with a design or technical project. It’s a set of templates, designs, code, scripts, and software that we just keep coming back to because it helps us do our work with more speed and with more agility.

Especially if you’re a designer there are just some components that you’ll continue to use from one project to the next. And sometimes this process is a bit of a pain, especially if you’re doing it time and time again for each new project that comes across your desk.

There must be a different way, a shortcut perhaps?

Enter Style Guide Boilerplate, a framework that will help you create your own “tiny Bootstrap” so that you can roll your own guide.

It’s easy to get started as it’s all free and open source:

1. Download – You can clone, fork, or download the repo from GitHub. Once you have the files for Style Guide Boilerplate, you’ll create a directory on your site for them.
2. Set up a directory – He recommends creating a directory named style-guide in your site’s root directory.
3. Upload files – Style Guide Boilerplate is currently PHP based so you will need a server that supports PHP. Just upload the files from the GitHub repo to your newly created directory and your almost done.
4. Hook up your own CSS into the style guide – Done!

That was easy, right?