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.

 Super Useful Twitter Bootstrap Plugins

Recommended Premium Bootstrap Themes and Templates

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

 Twitter Bootstrap Plugins

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 Plugin

 Twitter Bootstrap Plugins

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 Plugin

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 Bootstrap Plugins

 Twitter 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 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

Twitter Bootstrap Plugin

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 Bootstrap Plugin

Twitter Bootstrap Plugin

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 Plugin

Twitter Bootstrap 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.

MORE INFO / DOWNLOAD DEMO

8. Bootstrap Confirmation

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications using Twitter Bootstrap.

MORE INFO / DOWNLOAD DEMO

13. jQuery Bootstrap Alerts

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap 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

Twitter Bootstrap Plugin

Bootstrap Multi-Suggest Typeahead is a user suggestion autocomplete and dropdown widget.

MORE INFO / DOWNLOAD DEMO

20. Bootstrap Multiselect

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

Clockface timepicker for Twitter Bootstrap.

MORE INFO / DOWNLOAD DEMO

29. Bootstrap 3.0 Icon Picker

Twitter Bootstrap Plugin

Nice Icon picker for Bootstrap 3 like a datepicker.

MORE INFO / DOWNLOAD DEMO

30. Slider for Bootstrap

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

A simple twitter bootstrap calendar / agenda / date picker to mark events.

MORE INFO / DOWNLOAD DEMO

Color Pickers for Bootstrap

32. Pick-a-Color

Twitter Bootstrap Plugin

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

Twitter Bootstrap Plugin

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

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

Twitter Bootstrap Plugin

A simple fully customizable form enhancement plugin for in-field label support.

MORE INFO / DOWNLOAD DEMO

36. Flippant

Twitter Bootstrap Plugin

Flippant is easily customized Bootstrap extention for flipping over DOM nodes.

MORE INFO / DOWNLOAD DEMO

37. Leapstrap

Twitter Bootstrap Plugin

Leapstrap – Leap Motion HTML5 CSS web frontend framework. Based on Bootstrap.

MORE INFO / DOWNLOAD DEMO

38. Bootstrap-star-rating

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

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

 Twitter Bootstrap Plugins

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

 Twitter Bootstrap Plugins

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

 Twitter Bootstrap Plugins

A dynamic strength meter for password input validation with various configurable options.

MORE INFO / DOWNLOAD DEMO

43. Bootstrap Table

 Twitter Bootstrap Plugins

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

MORE INFO / DOWNLOAD DEMO

44. Bootstrap-sidebar

 Twitter Bootstrap Plugins

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

 Twitter Bootstrap Plugins

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

 Twitter Bootstrap Plugins

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

 Twitter Bootstrap Plugins

A template for tinyMCE 3 based on Twitter Bootstrap.

MORE INFO / DOWNLOAD DEMO

48. Social Buttons for Bootstrap

 Twitter Bootstrap Plugins

Social Buttons made in pure CSS based on Bootstrap and Font Awesome!

MORE INFO / DOWNLOAD DEMO

49. Overlay-Bootstrap

 Twitter Bootstrap Plugins

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

 Twitter Bootstrap Plugins

Fantastic Twitter Bootstrap plugin for inline / in-place editing.

MORE INFO / DOWNLOAD DEMO

 

51. Bootstrap Calendar

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

Bootstrap Combobox

Nice combobox plugin that works with twitter bootstrap 2 & 3.

MORE INFO / DOWNLOAD DEMO

email

3 Responses to 50+ Super Useful Twitter Bootstrap Plugins

Leave a Reply

Your email address will not be published. Required fields are marked *

Web Design Quote | Web Design Estimate
Logo Design Quote
SEMrush
Categories

Related Post

Archives
February 2017
S M T W T F S
« May    
 1234
567891011
12131415161718
19202122232425
262728