25+ Best Bootstrap plugins in 2016

Bootstrap pluginsBootstrap itself is full of useful Javascript components that cover many use cases – be it modal window e.g. for user login, carousel for your homepage, alert messages to show an important message to the visitor.

But sometimes you need more than that, lightbox for your photos, markdown text editormegamenu for your Bootstrap navbar. This is the time when to look for some of the Bootstrap 3rd party plugins – they are usually built on top of the existing Bootstrap components and extend them in many ways.

I use many of them in my free Bootstrap templates and I have spent some time researching the best plugins you can find now. Today I would like to present the best of them to you in List of the 25+ best Bootstrap plugins in 2016.

Jasny Bootstrap

Jasny Bootstrap is a component package that many of us will find useful. Included are: labelled buttons, offcanvas menu component, fixed-top alerts, input mask for text inputs, file input with image previews and more.


Fuel UX

Fuel UX extends Bootstrap with additional lightweight JavaScript controls for your web applications. It includes checkbox, combobox, datepicker, infinite scroll, loader, pillbox, placard, radio, repeater, scheduler, search, selectlist, spinbox, tree and wizard. Complex library really worth checking out.


EkkoLightbox – Lightbox for Bootstrap 3

EkkoLightbox is a lightbox module for Bootstrap that supports images, YouTube videos, and galleries and is built around Bootstrap’s Modal plugin. You can style it easily, same as Bootstrap modal, supports header and footer sections.


Bootstrap Media Lightbox

Bootstrap Media Lightbox is lightweight and borderless media lightbox extension for bootstrap3. It supports single images, image galleries, videos and iframes.


Bootstrap Image Gallery

Bootstrap Image Gallery is a touch-enabled, responsive and customizable image & video gallery. It displays images and videos in the modal dialog of the Bootstrap framework, features swipe, mouse and keyboard navigation, transition effects, fullscreen support and on-demand content loading and can be extended to display additional content types.


CSS3 Microsoft Modern Buttons

CSS3 Microsoft Modern Buttons helps you easily re-create those stylish buttons used by Microsoft on their websites. Nice addition to default Bootstrap buttons.


Social Buttons for Bootstrap

Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Really easy to work with, just add one of the prepared classes.


Yamm

Yamm is Yet another megamenu for Bootstrap 3.

It uses the standard navbar markup and the fluid grid system classes from Bootstrap. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.


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.


Bootstrap hover dropdown

With this Bootstrap plugin, you can open dropdowns only by hovering over them. Nice feature is the possibility to set timeout.


Tab drop for Bootstrap

Very useful script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab. In the dropdown, there are all the tabs that do not fit.


Bootstrap Tree Navigation

BootstrapTreeNav is a javascript plugin for Twitter Bootstrap 3 to help you create tree navigation menus, created and maintained by Morris Singer.


jqBootstrapValidation

jqBootstrapValidation is a JQuery validation plugin for bootstrap forms. It can validate email, number, min, max, pattern and much more!


Tokenfield for Bootstrap

Tokenfield for Bootstrap is an advanced tagging/tokenizing plugin for jQuery and Twitter Bootstrap with a focus on keyboard and copy-paste support.


Bootstrap Combobox

Easy to implement Bootstrap combobox to enhance user experience with long select elements.


Bootstrap Markdown

Simple Markdown editing tools that works! Bootstrap-Markdown designed to be easily integrated with your bootstrap project. It exposes useful API that allows you to fully hook-in into the plugin


Bootstrap Maxlength

Bootstrap Maxlength a visual feedback indicator for the maxlength attribute. Bootstrap-Maxlength uses a Twitter Bootstrap label to show a visual feedback to the user about the maximum length of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work.


Bootstrap Color Palette

Bootstrap Color Palette is a simple color palette plugin for Bootstrap that let’s the user choose from the basic color palette or the one defined by you.


Bootstrap Colorpicker

Bootstrap Colorpicker is really nice and customizable colorpicker plugin for Bootstrap. I really love the interface where you  can choose from complete colour palette, including opacity option.


Date Range Picker

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


jQuery File Upload

File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery. Supports cross-domain, chunked and resumable 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 select

Bootstrap-select is a jQuery plugin that utilizes Bootstrap’s dropdown.js to style and bring additional functionality to normal select boxes.


X-editable

X-editable is in-place editing that works with Bootstrap, jQuery UI or pure jQuery. This library allows you to create editable elements on your page. It includes both popup and inline modes.


Bootstrap Notifications

If you are not satisfied with Bootstrap alerts, then surely have a look at Bootstrap Notifications. Easy to work with and trigger from jQuery, notifications can fadeout and close automatically, etc.


Bootstrap Growl

A pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications.


Bootstrap Milestones

Bootstrap Milestones is a cool Bootstrap plugin to create milestone lists, written with {less}. It displays events and actions in a clean and responsive way, in your story-based views. The plugin was Inspired by GitHub’s Pull Request history.


Flippant.js

Flippant is a small plugin that can flip elements on your website – be it modal window, text element, etc.

You may also like...

Read previous post:
JavaScript Closures
How to Learn JavaScript Closures

Closures are a fundamental JavaScript concept that every serious programmer should know inside-out. The Internet is packed with great explanations...

Close