We are all familiar with Twitter Bootstrap, a popular grid based front-end framework. It comes bundled with its default stylesheet, useful tools, extensions and components to help web developers to create fully responsive websites. But sometimes these components are not quite enough to fulfil all your need. Don’t worry, Bootstrap is very extensible and there is very large list of Bootstrap Plugins available for extending Bootstrap.
Recommended Premium Bootstrap Themes and Templates
- High quality Bootstrap themes & templates for your next web project from BootstrapBay
- Bootstrap themes and templates from WrapBootstrap
- High quality premium Bootstrap themes and templates from BootstrapHunter
As in our previous article, we have discussed some top reasons to use Bootstrap. Here in this article, you will find a collection of 50+ super useful Twitter Bootstrap plugins that you should know to use explicitly to extend Bootstrap.
Lightbox & Image Gallery Bootstrap Plugins
1. Bootstrap Lightbox
This is a beautiful Twitter 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.
2. Bootstrap 3 Lightbox Plugin
It’s a beautiful Twitter Bootstrap 3 lightbox / modal plugin that supports images, YouTube videos, and galleries.
3. Bootstrap Image Gallery Plugin
Bootstrap Image Gallery is a touch-enabled, responsive solution for bootstrap. It displays images and videos in the modal dialog of the Bootstrap framework, features swipe, mouse and keyboard navigation, transition effects, full screen support and on-demand content loading and can be extended to display additional content types.
4. Lightbox2 Bootstrap Plugins
It’s an original lightbox plguin developed by by Lokesh Dhakar. There was an issue if you use Twitter Bootstrap CSS Framework and add lightbox2, all pictures are displayed very height. It’s because of bootstrap.css has a rule for
max-width: 100%. This issue is fixed in the release, 2.7.0 and now it’s working awesome with Twitter Bootstrap.
5. Lightbox for Bootstrap
Dialog Boxes & Alerts for Bootstrap
6. Bootbox.js Bootstrap Plugin
7. Bootstrap-Modal Plugin
This is a Bootstrap’s native modals to provide additional functionality. It introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events. The ModalManager is created by default on body and can be accessed through the jQuery plugin interface.
8. Bootstrap Confirmation
It’s simple popovers jQuery plugin for Twitter Bootstrap. You can use these Bootstrap Popovers as confirmation dialogs.
9. Bootstrap Prompts
Bootstrap-Prompts is an implementation to replace the
confirm() notifications on the browser when using Twitter Bootstrap with Modal information.
Bootstrap Notify is a user-friendly extension to bootstrap notifications that leverages the default alert script from bootstrap.
11. Bootstrap Growl
Bootstrap Growl is a pretty jQuery plugin which turns standard Bootstrap’s alerts into pretty Growl-like alerts. It uses standard Twitter Bootstrap alerts which provides ‘info’, ‘danger’, and ‘success’ styles. The plugin automatically fades growls away after a default of 4 seconds.
13. jQuery Bootstrap Alerts
A jQuery plugin for displaying Bootstrap alerts via jQuery events. It binds automatically with html attributes.
Forms plugin for Bootstrap
15. Bootstrap Form Helpers
Bootstrap Form Helpers is a collection of jQuery plugins to help you build better forms. It comes with 15 custom jQuery plugins and can be use individually for date and time pickers, font lists, timezone, language and country fields. Some of them also work together like Countries and States.
jqBootstrapValidation is a very useful plugin that makes it easy to validate your Bootstrap forms. It is easy to include into your project and all the validation rules are described as data attributes on the input elements.
17. 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.
18. jQuery File Upload Plugin
jQuery File Upload is a featured powerful file uploading plugin. The plugin support multiple file selection, drag and drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. The plugin needs Bootstrap v. 3.2.0+ to work with Bootstrap.
19. Bootstrap Multi-Suggest Typeahead
Bootstrap Multi-Suggest Typeahead is a user suggestion autocomplete and dropdown widget.
20. 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 w dropdown menu containing the single options as checkboxes.
21. Bootstrap Select
Bootstrap Select provides a custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.
22. Bootstrap Switch
Bootstrap Switch is amazing Bootstrap plugin that gives you iOS-like switch control. The plugin provides perfect implementation that fits well into the Bootstrap design. The plugin is also very customizable to change the size of the control and the colors by assigning class names to the element. Similar switch plugins are angular-bootstrap-switch and Toggle Switches.
23. Bootstrap Tags
Bootstrap Tags is a nice jQuery plugin to enhance your search boxes by adding tagging functionality. The plugin support for Bootstrap 2.3.2 and 3+ with features like autosuggest, ilters, placeholders, popovers and Exclusions.
Date / Time and Range pickers for Bootstrap
24. Date Range Picker for Bootstrap
Daterangepicker is a plugin for Bootstrap that creates a dropdown menu from which a user can select a range of dates. If invoked with no options, it will present two calendars to choose a start and end date from. Optionally, you can provide a list of date ranges the user can select from instead of choosing dates from the calendars. If attached to a text input, the selected dates will be inserted into the text box. Otherwise, you can provide a custom callback function to receive the selection.
25. Bootstrap Date Paginator
A jQuery plugin which takes Twitter Bootstrap’s already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your application.
26. Bootstrap 3 Date/Time Picker
A much improved and updated datetimepicker for bootstrap 3. Uses moment.js for formatting and parsing. Lots of support for locales.
27. Bootstrap Timepicker
A very cool widget to easily select a time for a text input using your mouse or arrow keys.
Clockface timepicker for Twitter Bootstrap.
29. Bootstrap 3.0 Icon Picker
Nice Icon picker for Bootstrap 3 like a datepicker.
30. Slider for Bootstrap
This is beautiful Bootstrap slider component with different options like vertical or horizontal orientation, minimum and maxim values, step incrementor, range selector, 3 shapes for handles and touch capabale.
31. BIC Calendar
A simple twitter bootstrap calendar / agenda / date picker to mark events.
Color Pickers for Bootstrap
Pick-a-Color is an easy-to-use jQuery color picker for Twitter Bootstrap. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site.
33. Bootstrap Colorpicker
Colorpicker for Bootstrap is a beautiful color picker that lets you choose the main color and specific hues.
Color Palette is a Bootstrap plugin that displays a grid of color when a text field is focused. The plugin is easy to integrate with your bootstrap project.
Some Useful Plugins for Bootstrap
A simple fully customizable form enhancement plugin for in-field label support.
Flippant is easily customized Bootstrap extention for flipping over DOM nodes.
Leapstrap – Leap Motion HTML5 CSS web frontend framework. Based on Bootstrap.
A simple yet powerful JQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support. Developed with a focus on utlizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup.
39. Bootstrap Tree View
A simple and elegant solution to displaying hierarchical tree structures while levering the best that Twitter Bootstrap has to offer.
rPage is an easy to use plugin for making Bootstrap 3’s pagination more responsive. rPage automatically shrinks the pagination component and removes some of its elements when there isn’t enough room.
41. Bootstrap File Input
An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more.
A dynamic strength meter for password input validation with various configurable options.
43. Bootstrap Table
An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.
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.
45. Tokenfield for Bootstrap
Advanced tagging/tokenizing plugin for jQuery and Twitter Bootstrap with a focus on keyboard and copy-paste support.
46. GTreeTable 2
GTreeTable is extension of Tweeter Bootstrap 3 framework, which allows to use tree structure inside HTML table.
A template for tinyMCE 3 based on Twitter Bootstrap.
48. Social Buttons for Bootstrap
Social Buttons made in pure CSS based on Bootstrap and Font Awesome!
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.
50. X-editable – Inplace editing
Fantastic Twitter Bootstrap plugin for inline / in-place editing.
51. Bootstrap Calendar
Full view calendar with year, month, week and day views based on templates with Twitter Bootstrap.
52. Bootstrap Combobox
Nice combobox plugin that works with twitter bootstrap 2 & 3.