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.

MDBootstrap: Material Design Kit for Bootstrap.

Icon Fonts

Bootstrap Icon Fonts: 7 Essential Resources

Nucleo Icons: A premium library of SVG icons for iOS, Android & web projects.

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 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 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.

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.

Tag Manager: 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 Select: A custom select for Bootstrap using button dropdown.

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.

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

MDBootstrap Design Generator: 22 Bootstrap design generators that help you create elements for your page.

UI Kits

12 Bootstrap UI Kits That Will Improve Your Workflow

Showcases

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

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.