30+ Best Free jQuery Plugins For Bootstrap 2017

Bootstrap jQuery plugins

Bootstrap jQuery plugins for website designer. This plugins will be very helpful for your next projects. Only need to select for your need and choice.

Bootstrap progressbar

Bootstrap progressbar
Bootstrap progressbar is a jQuery plugin which extends the basic twitter-bootstrap progressbar.

It provides the ability to animate the progressbar by adding Javascript in combination with the preexisting css transitions. Additionally you can display the current progress information in the bar or get the value via callback.


Bootstrap Tabs X

Bootstrap Tabs
 Bootstrap Tabs X is a extended Bootstrap Tabs.

key Features:

  • Allows you to align the entire tab content to the left (default), center, or right of the parent container/page.
  • Allows you to box the tab content in a new bordered style. This can work with any of the tab directions above.
  •  Supports various tab opening directions: above (default), below, right, and left.
  • Ability to load tab content via ajax call.

Bootstrap Map js

Bootstrap Map
This is a light-weight JS/CSS extension for building awesome mapping apps with Bootstrap and ArcGIS

Key Features:

  • Responsive map resizing
  • Auto-recentering
  • Responsive pop-ups
  •  Styled ArcGIS widgets
  •  Touch behavior for mobile devices
  •  Media queries
  • Demos with the bootstrap grid system and web components
  • Starter templates

Bootstrap File Style

Bootstrap FileStyle
Customization of input html file for Bootstrap

The Bootstrap file style is a plugin for jquery based component library could Twitter Bootstrap, used to style the file fields of the forms.

This plugin has an interesting way to present a form for sending files so attractive, while being simple and efficient.

Bootstrap Dropdown Hover

Bootstrap Dropdown Hover
The Bootstrap Dropdown Hover is a simple plugin which opens Bootstrap dropdown menus on mouse hover.

The js ones are interfering with clicking on .dropdown-toggle, so the dropdown menu shows up on hover, then it is hiding when clicking on the .dropdown-toggle element, and moving out the mouse will trigger the dropdown menu to show up again. Some of the js solutions are braking iOS compatibility, some plugins are not working on modern desktop browsers which are supporting the touch events.

Overlay Bootstrap

Overlay Bootstrap
simple extension for Bootstrap.

Just a simple extension who add a new functionality to Bootstrap which consist to display an overlay over the Bootstrap’s panel body with cool animation. No need to add new rules in a css’s files, you only have to add a new class on your div!

You can also add a cool caption on your images!

Bootstrap Table

Bootstrap Table
An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.

Key Features:

  • Scrollable Table with fixed headers
  • Fully configurable
  • Show/Hide feature
  • Get data in JSON format using AJAX
  • Format column
  • Single or multiple row selection
  • Powerful pagination
  • Card view


Bootstrap file input

Bootstrap file input
An enhanced HTML 5 file input for Bootstrap 3.x with file preview, multiple selection, and more features.

Key Features:

  •   Advanced file picker/upload control built to work specially with Bootstrap CSS3 styles.
  •   Upload images, text, html, video, audio, flash, and objects.
  • Includes AJAX based uploads,
  • Dragging & dropping files,
  • Viewing upload progress,
  • And selectively previewing, adding, or deleting files.

Bootstrap icon picker

Bootstrap icon picker
Icon picker for Bootstrap 3

If you are looking for a way to create dynamic items(menu,tab,button) with dynamic icon provided by Bootstrap 3 as glyphicon and need a picker like color picker or date picker from where you can select the icon and corresponding icon-class goes to your form field(input)? Well, This is right choice.

Date Range Picker for Bootstrap

Date Range Picker for Bootstrap
A JavaScript component for choosing date ranges. Designed to work with the Bootstrap CSS framework.

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports.

Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, optional time picker (for e.g. making appointments or reservations), and styles that match the default Bootstrap 3 theme.

Bootstrap File Upload Plugin

Bootstrap File Upload Plugin
File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery.

Supports cross-domain, chunked and presumable file uploads.
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

Bootstrap Modal v2.2.6

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.


lightbox2 is an original lightbox plugin developed by by Lokesh Dhakar.

Now it’s working awesome with Twitter Bootstrap.

Browser support:

Lightbox2 has been tested successfully in the following browsers:

  • Internet Explorer.
    The lightbox-plus-jquery.js file includes jQuery v2.x and supports IE 9+. If you want to support IE 6, 7, and 8, use your own copy of jQuery v1.x with lightbox.js.
  • Chrome
  • Safari
  • Firefox
  • iOS Safari
  •  iOS Chrome
  • Android Browser
  • Android Chrome


Bootstrap Lightbox

Bootstrap Lightbox
A simple lightbox plugin based on the bootstrap modal plugin.

Bootstrap Lightbox is a beautiful Bootstrap lightbox plugin. You can use it into your bootstrap project to show photo in a lightbox. You just need to add the required HTML to the page and you get a beautiful and responsive lightbox.

X-editable – create editable elements

This library allows you to create editable elements on your page.

It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.


  • popup and inline modes
  • client-side and server-side validation
  • customizible container placement
  • toggle by click, dblclick or manually
  • keyboard support (escape/enter/tab)
  • works in IE7+ and all modern browsers
  • unit tested
  • live events
  • our language

Bootstrap Calendar

Bootstrap Calendar
A Full view calendar based on Twitter Bootstrap.


  • Reusable – there is no UI in this calendar. All buttons to switch view or load events are done separately. You will end up with your own uniquie calendar design.
  • Template based – all view like year, month, week or day are based on templates. You can easily change how it looks or style it or even add new custom view.
  • LESS – easy adjust and style your calendar with less variables file.
    AJAX – It uses AJAX to feed calendar with events. You provide URL and just return by this URL JSON list of events.
  • i18n – language files are connected separately. You can easily translate the calendar into your own language. Holidays are also diplayed on the calendar according to your languag

Bootstrap Multi-Suggest Typeahead

The multiple-datasource typeahead plugin for Twitter Bootstrap.

key features:

  • multiple data-sources
  • data from Backbone.js Collections, RESTful services (AJAX/JSON), and static arrays
  • dynamic filtering
  • custom, per-datasource list formatters
  • separate visible & hidden select values
  • minimum number of characters before a search is performed