bootstrap logo

Bootstrap Resources

The following is a list of useful resources when working with Bootstrap. We’ve also included a few tools that will help you create themes & templates.

We will continue to add resources to this page so make sure to bookmark and check back. If you have a suggestion, please tweet us.

Framework

getBootstrap: The official website for the Bootstrap framework.

Bootstrap SASS: Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.

Less: Extends CSS with dynamic behavior such as variables, mixins, operations and functions.

Themes & Templates

BootstrapBay: Premium Bootstrap themes and templates.

BootstrapZero: Free Bootstrap themes and templates.

BootBundle: Bootstrap themes, snippets & components bundle

StartBootstrap: Free Bootstrap themes and templates.

Creative Tim: Themes and freebies built for bootstrap framework.

Icon Fonts

Bootstrap Icon Fonts: 7 Essential Resources

Code

Bootsnipp: Design elements, playground and code snippets.

JavaScript Extensions

Bootbox.js: JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

Bootstrap Color Palette: A basic color palette for Bootstrap.

Bootstrap Context Menu: A context menu extension of Bootstrap made for everyone’s convenience.

Bootstrap Date Range Picker: Date range picker component for Bootstrap.

Bootstrap File Input: This plugin enhances the HTML 5 file input for Bootstrap 3.x into an advanced widget with file preview for images and text, multiple selection, and more.

Bootstrap FileStyle: A quick and simple plugin to help style your form’s file upload inputs.

Bootstrap Form Helpers: A collection of jQuery plugins to help you build better forms. The plugins can be used individually but some of them work together like Countries and States.

Bootstrap Growl: Pretty simple jQuery plugin that turns standard Bootstrap alerts into “Growl-like” notifications.

Bootstrap Link Preview: A facebook-like link preview js library using Twitter Bootstrap styling components.

Bootstrap Markdown: Designed to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin

Bootstrap MaxLength: A visual feedback indicator for the maxlength attribute.

Bootstrap Modal: Responsive, Stackable, AJAX and more.

Bootstrap Multiselect: Bootstrap Multiselect is a JQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown as dropdown menu containing the single options as checkboxes.

Bootstrap Sidebar: A responsive sidebar plugin for bootstrap 3.

Bootstrap Star Rating: A simple yet powerful JQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support.

Bootstrap Switch: Turn checkboxes and radio buttons in toggle switches.

Bootstrap Tag Autocomplete: A bootstrap plugin to autocomplete tags for content editable div elements. It works in the same way tagging people on Facebook, Twitter or Sandglaz works. By default, it triggers autocompletion as you type @.

Bootstrap Timepicker: Easily select a time for a text input using your mouse or keyboards arrow keys.

Bootstrap Tokenfield: Advanced tagging/tokenizing plugin for jQuery and Bootstrap with a focus on keyboard and copy-paste support.

Bootstrap Tree View: A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while levering the best that Bootstrap has to offer.

Bootstro.js: Show your users a guided tour of what is what on a page. Especially, for first-time users.

Chosen: A jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Colorpicker for Bootstrap: Add color picker to field or to any other element.

Flippant.js: A mini js+css library for flipping things over.

Fuel UX: Extends Twitter Bootstrap with additional lightweight JavaScript controls.

jQuery Data List: Creates a letter based navigation for your lists.

jQuery File Upload: File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.

jQuery GridManager: A way of building rows and grids with built in editable regions

jQuery MiniColors: A tiny color picker built on jQuery.

Knockout Bootstrap: Create rich two way interactions with Bootstrap and Knockout bindings.

rpage: Highly responsive pagination for Bootstrap.

Select2: A jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Strength Meter: A jQuery plugin that converts a password input into an advanced widget with strength validation meter and toggle mask to show/hide the password. The password strength is validated as you type.

Summernote: Super Simple WYSIWYG Editor on Bootstrap.

Tablecloth.js: A jQuery plugin that helps you easily style HTML tables along with some simple customizations.

Tag Manger: A jQuery plugin to create tag input fields, which works nicely with Typeahead and Bootstrap.

Validate: Form validation for Bootstrap/jQuery/Ajax/PHP.

Velocity.js: Accelerated JavaScript animation.

Yamm Megamenu: This is another megamenu for Bootstrap. It uses the standard navbar markup and the fluid grid system classes from Bootstrap.

Color Design

7 Color Scheme Generators to Help Pick the Perfect Palette

Colour Lovers: A creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles.

UI Design

BootMetro: Simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8.

Bootstrap Button Builder: Generate your bootstrap buttons quickly with this button generator.

Bootstrap Dropdown Menus Enhancement: Enhancing functionality of dropdown menus.

Bootstrap Select: A custom select for Bootstrap using button dropdown.

Bootswatchr: A visual tool for creating a custom Bootstrap theme from the ground up.

a visual tool for creating a custom Bootstrap theme from the ground up. – See more at: http://bootswatchr.com/#sthash.y0ASfdK7.dpuf
a visual tool for creating a custom Bootstrap theme from the ground up. – See more at: http://bootswatchr.com/#sthash.y0ASfdK7.dpuf
a visual tool for creating a custom Bootstrap theme from the ground up. – See more at: http://bootswatchr.com/#sthash.y0ASfdK7.dpuf
a visual tool for creating a custom Bootstrap theme from the ground up. – See more at: http://bootswatchr.com/#sthash.y0ASfdK7.dpuf

Paintstrap: Generate Bootstrap color schemes using color palettes from Adobe kuler and COLOURlovers.

Social Buttons for Bootstrap: Made in pure CSS based on Bootstrap and Font Awesome.

UI Editors/Builders

Bootply: Bootstrap editor and builder.

BootTheme: Theme generator that enables you to drag and drop UI to create desired

Divshot: Simple and intuitive Bootstrap Builder / Fully featured static web hosting.

Jetstrap: Interface-building tool for Bootstrap 3.

Kickstrap: A boilerplate of Bootstrap, JSPM, Angular.js and Roots that can copy itself into any directory you choose.

Pingendo: Visual desktop application that helps you to prototype responsive web pages based on the Bootstrap framework.

UI Kits

12 Bootstrap UI Kits That Will Improve Your Workflow

Showcases

Built With Bootstrap: A showcase of sites and apps built with Bootstrap.

Love Bootstrap: A hand-picked showcase gallery of the very best Bootstrap sites from around the web.

Bootstrap Expo: Beautiful and inspiring uses of Bootstrap, curated by @mdo.

Web Fonts

Top 20 Google Web Fonts and How to Use Them

Stock Photography

12 Amazing Sites With Breathtaking Free Stock Photos.

Other

BootstrapCDN: The recommended CDN for Bootstrap, Font Awesome, and Bootswatch.