Trends

30 Plugins & Addons for Extending the Bootstrap Framework

We have a selection of both free and premium extensions and addons for Bootstrap that we feel would be the most useful to you and your next project.

Ahhhh, the much-loved Bootstrap. No other front-end framework has revolutionized the web design world in the way that Bootstrap has. Put simply, it has allowed us to create consistent, mobile-first, and cross-browser layouts much faster and much better than ever before. And on top of that, every single aspect of it can be completely customized to our needs.

One great thing that separates Bootstrap from other frameworks is that it comes bundled with a selection of reusable components and jQuery plugins. You may use them; you may not. That is the beauty of Bootstrap; you have the choice.

Now you wouldn’t exactly say that Bootstrap’s components and plugins are limited, but sometimes you may need something that will extend its functionality. And, as you would expect, there are hundreds of plugins and addons available for extending Bootstrap, and no, I’m not going to list them all here. Instead, I have focused on just a selection of both free and premium Bootstrap extensions that I feel would be the most useful to you and your next project.

Sliders & Carousels

Bootstrap Image Gallery

Bootstrap Image Gallery is a touch-enabled, responsive and customizable image and video gallery. The images and videos are displayed via Bootstrap’s modal dialog and comes with support for swipe, mouse and keyboard navigation, full-screen display, transition effects, and on-demand content loading.

Bootstrap Image Gallery is a touch-enabled, responsive and customizable image and video gallery

Codetabs B+ Tabs & Slider for Bootstrap

Codetabs is a responsive tabs and slider plugin with 250(!) built-in effects. It comes packaged with over 40 HTML templates and offers 100 varied options.

Codetabs is a responsive tabs and slider plugin with a collosal 250 built-in effects

Bootslider

Bootslider is a responsive slider plugin that combines the beauty of Bootstrap with the power of a fully-featured content slider. It comes packaged with many eye-catching animations and is completely customizable.

Bootslider is a responsive slider plugin that combines the beauty of Bootstrap with the power of a fully-featured content slider

Strapslide Slider Plugin

Strapslide is a fully-featured and fully-customizable responsive and mobile-optimized Bootstrap slider plugin. It comes with support for displaying images, videos, HTML markup and captions. Out of the box it doesn’t come with any preset animations, thus allowing to create your own.

Strapslide is a fully-featured and fully-customizable responsive and mobile-optimized Bootstrap slider plugin

Bootstrap Media Lightbox

Not every project needs a fully-featured slider extension. So if you’re looking for something a little bit more lightweight, then the Bootstrap Media Lightbox would be a good choice. It comes with support for single images, image galleries, videos, and iframes.

Bootstrap Media Lightbox comes with support for single images, image galleries, videos and iframes

Button & Icon Libraries

Icon Animator for Bootstrap

Icons Animator is an extension for adding subtle animations to all Bootstrap navigation elements, not just icons and buttons. It comes packaged with 18 different hover effects and 5 display modes.

Icons Animator is an extension for adding subtle animations to all Bootstrap navigation elements

CSS3 Microsoft Modern Buttons

CSS3 Microsoft Modern Buttons is an extensive library of buttons that have been built in the same style as Microsoft uses on their websites.

CSS3 Microsoft Modern Buttons is an extensive library of buttons

Social Buttons for Bootstrap

Based on Bootstrap and Font Awesome, Social Buttons is a pure CSS library of elegant and versatile social signin buttons.

Based on Bootstrap and Font Awesome, Social Buttons is a pure CSS library of elegant and versatile social signin buttons

Bootstrap Buttons Bundle

As the name suggests, the Bootstrap Buttons Bundle are a huge (and I mean huge!) selection of buttons that come in flat, 3D and neon styles, 5 varied shapes (basic, rounded, simple, circle & square), and also in four handy sizes (large, normal, small and extra small).

Bootstrap Buttons Bundle are selection of buttons that come in flat 3D and neon styles

Navigation & Menus

Yamm! Megamenu

Yamm! is a free mega menu addon that uses the standard navbar markup and the fluid grid system classes from Bootstrap. It works for both fixed and responsive layouts and supports the inclusion of almost all Bootstrap elements.

Yamm! is a free mega menu addon that uses the standard navbar markup

Bootstrap Sidebar

Bootstrap Sidebar is a responsive sidebar plugin for Bootstrap 3. If your menus are too big to fit into a horizontal menubar, or you need to have a responsive sidebar that is compatible with Bootstrap, then this is the plugin for you.

Bootstrap Sidebar is a responsive sidebar plugin for Bootstrap 3

BootstrapTreeNav

BootstrapTreeNav is a JS plugin for Bootstrap that helps to create tree-style navigation menus.

BootstrapTreeNav is a JS plugin for Bootstrap that helps to create tree-style navigation menus

3d Mega Menu

The responsive 3D Mega Menu is a flexible and highly customizable extension for Bootstrap with support for either horizontal or vertical menus.

The responsive 3D Mega Menu is a flexible and highly customizable extension for Bootstrap with support for either horizontal or vertical menus

Bootstrap Form Elements

jqBootstrapValidation

jqBootstrapValidation is a popular jQuery validation framework for Bootstrap forms that displays validation warnings and errors as the user inputs information.

jqBootstrapValidation is a popular jQuery validation framework for Bootstrap forms

flavr – Flat jQuery Popup Dialog

flavr is a beautifully designed Bootstrap compatible popup dialog box. It has been animated using animate.css and works on any modern browser.

flavr is a beatuifully designed Bootstrap compatible popup dialog box

CSS3 Responsive Forms Pack

The CSS3 Responsive Forms Pack is a simple and professional Bootstrap form framework that strikes a balance between simplicity and elegance. It has been built using no Javascript, just pure CSS. It comes with built-in support for Google Web Fonts and Font Awesome icons, and also comes packaged with templates for login and registration forms.

The CSS3 Responsive Forms Pack is a simple and professional Bootstrap form framework

Formicon – Flat Forms Pack

Formicon is a collection of flat-designed form templates built on top of Bootstrap. It comes packaged with templates for login, registration, checkout and contact forms.

Formicon is a collection of flat-designed form templates built on top of Bootstrap

Bootstrap Tabcollapse

Tabcollapse is small plugin that changes the Bootstrap tabs component to a collapse component for smaller devices.

Tabcollapse is small plugin that changes the Bootstrap tabs component to a collapse component for smaller devices

Tokenfield for Bootstrap

Tokenfield is an elegant and advanced tagging system for Bootstrap (and jQuery), with it’s primary focus on keyboard and copy & paste support.

Tokenfield is an elegant and advanced tagging system for Bootstrap

Multi-Suggest Typeahead

Multi-Suggest is a useful addon for extending the default Bootstrap Typeahead component. It supports: multiple datasources; RESTful services (AJAX/JSON); dynamic filtering; custom, per-datasource list formatters; separate visible & hidden select values.

Multi-Suggest is a useful addon for extending the default Bootstrap Typeahead component

Bootstrap Combobox

Bootstrap Combobox is a really easy plugin that transforms a select box into an autoselecting combobox.

Bootstrap Combobox is a really easy plugin that transforms a select box into an autoselecting combobox

ClockPicker

ClockPicker is a feature-rich ‘clock-style’ timepicker for Bootstrap (or jQuery).

ClockPicker is a feature-rich clock-style timepicker for Bootstrap

Accordian Wizard

Based on Bootstrap styles, Acc-Wizard is, as it’s name suggests, an accordion-based wizard system.

Based on Bootstrap styles, Acc-Wizard is, as it's name suggests, an accordion-based wizard system

Bootstrap Calendar

Calendar is a template based full-view calendar system for Bootstrap.

Calendar is a template based full-view calendar system for Bootstrap

tablecloth.js

Building off Bootstrap, Tablecloth is a jQuery plugin that helps you to quickly and easily style HTML tables. It comes packaged with 3 pre-designed styles (default, dark and stats).

 Tablecloth is a jQuery plugin that helps you to quickly and easily style HTML tables

Bootstrap Confirmation

To avoid interupting a user’s workflow, Bootstrap Confirmation is an addon that replaces confirmation dialogs with popovers.

Bootstrap Confirmation is an addon that replaces confirmation dialogs with popovers

Bootstrap Component Addons

Bootbox.js

Bootbox.js is a small JavaScript library that 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.

Bootbox.js is a small JavaScript library that allows you to create programmatic dialog boxes using Bootstrap modals

Pricely Price Charts

Pricely is an extension for Bootstrap for creating elegant price charts and tables.

Pricely is an extension for Bootstrap for creating elegant price charts and tables

SelectBoxIt

SelectBoxIt will replace ugly HTML select boxes with gorgeous and feature rich drop-downs. Bootstrap, jQueryUI, and jQuery Mobile themes are supported out of the box.

SelectBoxIt will replace ugly HTML select boxes with gorgeous and feature rich drop-downs

Bootstrap Star Rating

Star Rating is a simple jQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support.

Star Rating is a simple jQuery star rating plugin for Bootstrap

Rpage Pagination

Rpage is a highly responsive pagination plugin for Bootstrap.

Rpage is a highly responsive pagination plugin for Bootstrap

Bootstrap Paypal Shopping Cart

Paypal Shopping Cart is a fairly easy-to-use jQuery based shopping cart system for Bootstrap. All you have to do is configure your inventory and store the meta data in a simple structured JSON file.

Paypal Shopping Cart is a fairly easy-to-use jQuery based shopping cart system for Bootstrap

DMSS Style Switcher

DMSS is a useful Bootstrap-based jQuery plugin that allows you to quickly change the style of a particular web page.

Paypal Shopping Cart is a fairly easy-to-use jQuery based shopping cart system for Bootstrap

X-editable

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

X-editable library allows you to create editable elements on your page

Tocify.js

Tocify.js is a jQuery plugin for creating a table of contents section. It can be themed with either Bootstrap or jQueryUI.

Tocify.js is a jQuery plugin for creating a table of contents section

Bootstrap Grid Extension Generator

The Grid Extension Generator is an application that generates CSS files that extends the core grid functionality of Bootstrap. The vanilla grid system is restrictive with only 12 columns and four somewhat arbitrary view-port sizes. This app changes that by allowing the user to easily generate as many columns as they like, across user-defined viewport widths.


Paul Andrew

About the Author Paul Andrew

Paul is the founder of Speckyboy Design Magazine and writes web stuff for Envato. You can follow him on Twitter.