Bootstrap Toolbox – Tools, Utilities, Generators and Templates

Ever since it was initially released, Bootstrap has taken the internet by a storm. It keeps growing in popularity with each passing day – and why shouldn’t it be popular? After all, where else do you find a responsive framework with such an extensive library of pre-styled components, and a community that offers many, many extras and templates?

In this collection, we have put together some of the best Bootstrap resources. Nay! We have tried to create the ultimate Bootstrap toolbox page: utilities, generators, templates… and much more! So go ahead, check ’em out, and have fun creating miracles with Bootstrap!

Boostrap Tools & Utilities

Fuel UX

Fuel UX Additional Lightweight JavaScript Controls

Fuel UX extends Bootstrap with additional lightweight JavaScript controls, including: Checkbox, Combobox, Datagrid, Pillbox, Radio Elements, Search, Select, Tree and Wizard.

Fuel UX →

X-Editable

X-Editable - In-Place Editing for Bootstrap

X-Editable allows you to create editable elements on your page. It can be used with either Bootstrap, jQuery UI or jQuery and includes both popup and inline modes.

X-Editable →

Sublime Text 2 Bootstrap Snippets

A useful selection of categorized Bootstrap code snippets for Sublime Text.

Sublime Text 2 Bootstrap Snippets →

jQuery UI Bootstrap

jQuery UI Bootstrap offers a jQuery UI-compatible theme inspired by Bootstrap’s design. It also provides a version of the Bootstrap CSS with a few sections commented out which allows the theme to work along-side it.

jQuery UI Bootstrap →

MooTools for Bootstrap

The Javascript included in Bootstrap isn’t very useful if you prefer to use MooTools. This library offers all the tools necessary to get the same functionality released by Twitter but using custom plugins that work with MooTools.

MooTools for Bootstrap →

Sass Bootstrap

Bootstrap uses LESS, but if you prefer your CSS flavour to be SASS, here it is.

Sass Bootstrap →

Grid Displayer Bookmarklet for Bootstrap

Grid Displayer Bookmarklet for Bootstrap

This bookmarklet makes in-browser web design that little bit easier by displaying Bootstrap’s grid (it will also work with Foundation).

Grid Displayer Bookmarklet for Bootstrap →

Bootstrap-Ready Font Custom

Bootstrap-Ready Font Custom

With Font Custom you can generate custom icon webfonts from the comfort of the command line. Font Custom creates styles using Bootstrap’s .icon-{{your-icon-name}} naming convention. Just include fontcustom.css and you’re good to go.

Bootstrap-Ready Font Custom →

WordPress Bootstrap CSS

WordPress Bootstrap CSS

This WP plugin will link the latest Bootstrap CSS and JS to all pages, regardless of the WordPress theme. It comes with WordPress [SHORTCODES] to allow you to easily add elements to your site.

WordPress Bootstrap CSS →

Bootstrap Generators & Builders

Jetstrap – Web-Based Interface Building Tool for Bootstrap

Jetstrap →

Bootstrap Button Generator

Bootstrap Button Generator

Bootstrap Button Generator →

Divshot – The Bootstrap Interface Builder for Web Apps

Divshot →

Bootstrap ThemeRoller – Customize the Look and Feel of Bootstrap

Bootstrap ThemeRoller - Customize the Look and Feel of Bootstrap

Bootstrap ThemeRoller →

Bootstrap Form Builder

Bootstrap Form Builder

Bootstrap Form Builder →

Lavish – Generate your own Bootstrap Color Scheme

Lavish - Generate your own Bootstrap Color Scheme

Lavish is Rails app that will generate a Bootstrap color scheme from any image.

Lavish →

Bootstrap Templates, Themes & Frameworks

BootMetro

BootMetro

Built on top of Bootstrap and inspired by the Metro UI CSS by Sergey Pimenov, BootMetro is a simple and flexible HTML/CSS/JS for web designers/developers that wants to use the Windows 8 Metro style.

BootMetro →

Flat UI Free

Flat UI Free

Built on top of Bootstrap and inspired by the Metro UI CSS by Sergey Pimenov, BootMetro is a simple and flexible HTML/CSS/JS for web designers/developers that wants to use the Windows 8 Metro style.

Flat UI Free →

Roots WordPress Theme

Roots WordPress Theme

Roots is a starting WordPress theme made for developers that’s based on HTML5 Boilerplate and Bootstrap.

Roots WordPress Theme →

Initializr – An HTML5 Templates Generator

Initializr - An HTML5 Templates Generator

Initializr is an HTML5 template generator (with the option of Bootstrap) to help you get started with a new project based on the HTML5 Boilerplate.

Initializr – An HTML5 Templates Generator →

jQuery Mobile Bootstrap – A jQuery Mobile Theme Based on Bootstrap

jQuery Mobile Bootstrap - A jQuery Mobile Theme Based on Bootstrap

jQuery Mobile Bootstrap →

Fbootstrapp – Facebook iframe AppToolkit

Fbootstrapp - Facebook iframe AppToolkit

Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

Fbootstrapp →

Bootswatch – A Collection of Free Themes for Bootstrap

Bootswatch - A Collection of Free Themes for Bootstrap

Bootswatch is a collection of 12 free themes for Bootstrap. All you have to do is download the bootstrap.min.css file associated with each theme and replace it with Bootstrap’s stylesheet.

Bootswatch →

Bootstrap for Github Pages

Bootstrap for Github Pages

This is a Github pages theme based on Bootstrap for your Github projects.

Bootstrap for Github Pages →

Font Awesome 3.0 – The Iconic Font for Bootstrap

Font Awesome 3.0 - The Iconic Font for Bootstrap

Font Awesome →

Elusive Icons – 271 Vector Icons for Bootstrap

Elusive Icons - 271 Vector Icons for Bootstrap

Elusive Icons →

…and finally…

Bootsnipp.com

Bootsnipp.com

Bootsnipp is a super-useful repository of snippets, resources and tips for the Bootstrap framework.

Bootsnipp.com →

(651 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.

Comments

  • x3graphics

    unbelievable list, have to find a way to use some of these in some projects

  • That my friend is one awesome lineup of tools!

  • Very useful, love your work!

  • Philip Wang

    Thanks a lot! This is super cool!

  • Hassan Sadek

    Awsome !! I can’t check it all for this moment.
    +Add to delicious

  • Bookmarked this page! Will require many visits to read it completely. Thank you for the list.

  • bobulated

    Awesome, thank you Speckyboy!

  • Jörgen Gedeon

    Most impressive

  • You can also try this plugin which allows you to easily and dynamically load any MySQL query result (plain selects, joined selects, filtered, etc) into your Bootstrap tables by using DataTables. http://codecanyon.net/item/datamanager-tables-forms-handler-for-bootstrap/8318382