17 Useful jQuery Plugins For Bootstrap

Here are 17 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.

Responsive Bootstrap Sidebar Navigation

Navigation Menu consist of both Horizantal and Vertical navigation menu based on CSS3 and Jquery. Its lightweight and compatible with almost all major browsers and devices. It supports four levels sub menu with shrink, Overlay and push effect.

Responsive Bootstrap Sidebar Navigation

tinyMce Bootstrap Plugin

This is the Standalone version of tinyMce Bootstrap Plugin.

tinyMce Bootstrap Plugin

Bootstrap Paginator

This 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

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

It 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

It 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

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

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.