17 Useful jQuery Plugins For Bootstrap

Here are 14 jQuery plugins that were specifically created for Bootstrap. It’s really great when useful goodies are collected in one place, so I guess you’ll like this round-up.

Bootstrap Switch 3

Turn checkboxes and radio buttons in toggle switches

bootstrapswitch

Bootstrap Paginator

Bootstrap Paginator is a jQuery plugin that simplifies the rendering of Bootstrap Pagination component. It provides methods to automates the update of the pagination status and also some events to notify the status changes within the component. Bootstrap v3 is now supported.

pagination

Bootstrap Tour

The easiest way to show people how to use your website.

tour

Bootbox

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

bootbox-1

Datepicker for Bootstrap

Bootstrap amazingly does not contain a UI datepicker element. Eyecon created a datepicker for bootstrap that is widely used.

datepicker-2

tableclothjs

tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.

table-3

jQuery Bootstrap-style Dropdowns

While the appearance of these dropdowns is almost identical to those of Bootstrap’s, it’s important to note that JavaScript for this plugin was developed entirely from scratch. Some CSS was borrowed, however, especially for generating those gorgeous tips.

dropdown-4

Bootstrap Arrows

A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs.

bootstrap-arrow-5

Strapslide

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

slider-6

Ladda UI for Bootstrap 3

A UI concept by hakimel which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.

ladda-ui-7

SelectBoxIt

SelectBoxIt allows you to replace ugly and hard to use HTML select boxes with gorgeous and feature rich drop downs. Twitter Bootstrap, jQueryUI, and jQuery Mobile themes are supported right out of the box. If you don’t want to use these a library theme, then you can use the SelectBoxIt default theme, which closely resembles the Twitter Bootstrap theme. Feel free to customize the default theme to your liking.

selectbox-8

bootstrap-select

A custom select / multiselect for twitter bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

selectbox-9

Pines Notify

Pines Notify is a JavaScript notification plugin, developed by Hunter Perrin as part of Pines. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use.

notify-10

Colorpicker for Bootstrap

Add color picker to field or to any other element.

color-picker-bootstrap-11

bootstrap-wysiwyg

Tiny bootstrap-compatible WISWYG rich text editor, based on browser execCommand, built originally for MindMup.

wysiwyg-12

MagicSuggest

Auto-suggest combo with bootstrap theme using jQuery.

autosuggest-13

Tocify

A jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with Twitter Bootstrap or jQueryUI Themeroller, and optionally animated with jQuery show/hide effects. Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support.

tocify-14

Last Updated on by Henri Wijaya