20 Free Wireframe, Grid and UI Templates for Bootstrap

By on Bootstrap, UI Design

Not since Blueprint or the 960.gs has a front-end framework hit the popularity heights that Bootstrap is currently enjoying. And rightly so. It is perhaps the most complete web framework ever. With its clear and concise documentation, all of its UI elements, its 12-column responsive grid, Javascript plugins, and all of the free templates and components created by the design community, 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 appreciate 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 UI and wireframe templates that have all been designed for 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, Illustrator, Sketch and Omnigraffle.

Bootstrap Grid Template for Retina, 4k, 5k (PSD)

Bootstrap Grid Template PSD

>Bootstrap-Based Free UI Kit (Photoshop PSD)

UI Kit Based on Bootstrap

Bootstrap 4 UI Kit (Sketch)

Bootstrap 4 UI Kit

Bootstrap 12 Column Grid for Artboards (PSD)

Bootstrap 12 Column Grid for Artboards

Bootstrap Responsive Grid Templates (AI)

Bootstrap 3 Responsive Grid Templates

Default Bootstrap Responsive Grid Template (Sketch)

Default Bootstrap 3 Responsive Grid Template

Bootstrap Grid Template (Sketch)

Bootstrap Grid Template

Bootstrap v2 Template (PSD)

Twitter Bootstrap v2 Template GUI Resources

Sparo – Free Bootstrap Web Elements (PSD)

Sparo Free Web Elements based on Bootstrap GUI Resources

Bootstrap UI Mockup Templates (Keynote, PowerPoint & OpenOffice)

Twitter Bootstrap UI Mockup Templates for Keynote, PowerPoint and OpenOffice GUI Resources

These vector UI components have been designed from scratch to work with Apple Keynote, Microsoft PowerPoint and OpenOffice Impress, and are fully editable and customizable without needing any additional design tools.

Bootstrap Widgets Library (Axure RP)

Twitter Bootstrap Widgets Library for Axure RP GUI Resources

Bootstrap UI (Omnigraffle)

Twitter Bootstrap UI for Omnigraffle GUI Resources

This is a basic set (not a complete set) of Bootstrap UI components to use when wireframing applications using Omnigraffle.

Bootstrap 1.4 Assets & Grid (Omnigraffle)

Twitter Bootstrap 1.4 Assets & Grid for Omnigraffle GUI Resources

This UI kit is based on the Bootstrap CSS Toolkit 1.4, providing a 940px grid for laying out your mockups and includes the design and layout assets.

Bootstrap Grid System for Adobe Fireworks (.png)

Bootstrap Grid System for Adobe Fireworks GUI Resources

This Bootstrap Grid System is based on its 1170px responsive grid and comes with 3, 4, 6 and 12 columns options.

Bootstrap Scaffolding Grid Templates (AI & PSD)

Bootstrap Scaffolding Grid Templates GUI Resources

Here is a set of templates, in both Photoshop and Illustrator formats, that are based on Bootstraps default responsive grids. You can use these grids to set out the guides before you start designing.

Free Printable Bootstrap Wireframe Template (PDF)

Free Printable Twitter Bootstrap Wireframe Template GUI Resources