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 components available for extending Bootstrap.
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 plugin for Bootstrap
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.
MORE INFO / DOWNLOAD DEMO
2. Bootstrap 3 Lightbox
It’s a beautiful Twitter Bootstrap 3 lightbox / modal plugin that supports images, YouTube videos, and galleries.
MORE INFO / DOWNLOAD DEMO
3. Bootstrap Image Gallery
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.
MORE INFO / DOWNLOAD DEMO
4. Lightbox2
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 img with max-width: 100%. This issue is fixed in the release, 2.7.0 and now it’s working awesome with Twitter Bootstrap.
MORE INFO / DOWNLOAD DEMO
5. Lightbox for Bootstrap
Lightbox for Bootstrap is an awesome lightbox plugin with minimal markup. It’s very easy to implement with the bootstrap framework without any extra markup, buggy css and javascript.
MORE INFO / DOWNLOAD DEMO
Dialog Boxes & Alerts for Bootstrap
6. Bootbox.js
Bootbox.js is an awesome JavaScript library which 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.
MORE INFO / DOWNLOAD DEMO
7. Bootstrap-Modal
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.
MORE INFO / DOWNLOAD DEMO
8. Bootstrap Confirmation
It’s simple popovers jQuery plugin for Twitter Bootstrap. You can use these Bootstrap Popovers as confirmation dialogs.
MORE INFO / DOWNLOAD DEMO
9. Bootstrap Prompts
Bootstrap-Prompts is an implementation to replace the alert(), prompt(),confirm() notifications on the browser when using Twitter Bootstrap with Modal information.
MORE INFO / DOWNLOAD DEMO
10. Bootstrap-notify
Bootstrap Notify is a user-friendly extension to bootstrap notifications that leverages the default alert script from bootstrap.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
12. AlertifyJS
AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications using Twitter Bootstrap.
MORE INFO / DOWNLOAD DEMO
13. jQuery Bootstrap Alerts
A jQuery plugin for displaying Bootstrap alerts via jQuery events. It binds automatically with html attributes.
MORE INFO / DOWNLOAD DEMO
Forms plugin for Bootstrap
14. Bootstrap3-wysiwyg
Bootstrap3-wysiwyg is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
16. jqBootstapValidation
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
19. Bootstrap Multi-Suggest Typeahead
Bootstrap Multi-Suggest Typeahead is a user suggestion autocomplete and dropdown widget.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
21. Bootstrap Select
Bootstrap Select provides a custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
27. Bootstrap Timepicker
A very cool widget to easily select a time for a text input using your mouse or arrow keys.
MORE INFO / DOWNLOAD DEMO
28. Clockface
Clockface timepicker for Twitter Bootstrap.
MORE INFO / DOWNLOAD DEMO
29. Bootstrap 3.0 Icon Picker
Nice Icon picker for Bootstrap 3 like a datepicker.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
31. BIC Calendar
A simple twitter bootstrap calendar / agenda / date picker to mark events.
MORE INFO / DOWNLOAD DEMO
Color Pickers for Bootstrap
32. Pick-a-Color
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.
MORE INFO / DOWNLOAD DEMO
33. Bootstrap Colorpicker
Colorpicker for Bootstrap is a beautiful color picker that lets you choose the main color and specific hues.
MORE INFO / DOWNLOAD DEMO
34. Bootstrap-colorpalette
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.
MORE INFO / DOWNLOAD DEMO
Some Useful Plugins for Bootstrap
35. LabelinPlace
A simple fully customizable form enhancement plugin for in-field label support.
MORE INFO / DOWNLOAD DEMO
36. Flippant
Flippant is easily customized Bootstrap extention for flipping over DOM nodes.
MORE INFO / DOWNLOAD DEMO
37. Leapstrap
Leapstrap – Leap Motion HTML5 CSS web frontend framework. Based on Bootstrap.
MORE INFO / DOWNLOAD DEMO
38. Bootstrap-star-rating
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.
MORE INFO / DOWNLOAD DEMO
39. Bootstrap Tree View
A simple and elegant solution to displaying hierarchical tree structures while levering the best that Twitter Bootstrap has to offer.
MORE INFO / DOWNLOAD DEMO
40. rPage
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.
MORE INFO / DOWNLOAD DEMO
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.
MORE INFO / DOWNLOAD DEMO
42. Strength-meter
A dynamic strength meter for password input validation with various configurable options.
MORE INFO / DOWNLOAD DEMO
43. Bootstrap Table
An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.
MORE INFO / DOWNLOAD DEMO
44. Bootstrap-sidebar
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.
MORE INFO / DOWNLOAD DEMO
45. Tokenfield for Bootstrap
Advanced tagging/tokenizing plugin for jQuery and Twitter Bootstrap with a focus on keyboard and copy-paste support.
MORE INFO / DOWNLOAD DEMO
46. GTreeTable 2
GTreeTable is extension of Tweeter Bootstrap 3 framework, which allows to use tree structure inside HTML table.
MORE INFO / DOWNLOAD DEMO
47. Tinymce-skin-bootstrap
A template for tinyMCE 3 based on Twitter Bootstrap.
MORE INFO / DOWNLOAD DEMO
48. Social Buttons for Bootstrap
Social Buttons made in pure CSS based on Bootstrap and Font Awesome!
MORE INFO / DOWNLOAD DEMO
49. Overlay-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.
MORE INFO / DOWNLOAD DEMO
50. X-editable – Inplace editing
Fantastic Twitter Bootstrap plugin for inline / in-place editing.
MORE INFO / DOWNLOAD DEMO
51. Bootstrap Calendar
Full view calendar with year, month, week and day views based on templates with Twitter Bootstrap.
MORE INFO / DOWNLOAD DEMO
52. Bootstrap Combobox
Nice combobox plugin that works with twitter bootstrap 2 & 3.
MORE INFO / DOWNLOAD DEMO