Not since Blueprint or the 960.gs has a front-end framework hit the popularity heights that Twitter Bootstrap is currently enjoying. And rightly so. It is perhaps the most complete framework available ever. With its clear and concise documentation, all of its common UI elements, its 12-column responsive grid and all of the optional Javascript components it offers, Bootstrap is the perfect tool for rapidly kick-starting any web project.

Having said all that, you do need to know your way around code to truly enjoy the power that Bootstrap offers. So, what if you are a designer that doesn’t know how to code and your developer does want to use Bootstrap We have the solution for you.

In this post we have collected a selection of GUI and wireframe templates that have all been designed for when you are working with Bootstrap, making it very easy to pass your designs on to the developer. They are all in various formats (psd, ai, png…) and available for all popular applications like Photoshop, Fireworks, Illustrator and Omnigraffle.
Here they are:

From RepixDesign, this vector based Bootstrap GUI PSD includes all of Bootstraps base elements layered in Photoshop for typography, buttons, grids, navigation, and more.

Bootstrap v2.0 GUI