50+ Best Free jQuery Plugins With Examples 2017

jQuery Plugins

jQuery Plugin is very essential for front-end developer. We can awesome and live our work by jQuery plugin. We always search good and updated jQuery plugin for our projects but it’s very hard job for us. Awesome Bootstrap has selected some good and useful jQuery plugins for you. You may check these with quick time.

 

3D Portfolio Template

3D Portfolio Template
A portfolio template, with a filter that triggers the rotation of 3D sections.

CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects. A filter on top of the page triggers the 3D rotations that reveal new projects.

Bootstrap Carousel Builder

Bootstrap Carousel Builder
You can style easily your default Bootstrap carousel by Bootstrap Carousel Builder.

Bootstrap Carousel Builder is an awesome Bootstrap tools for style and add carousel items for your Bootstrap carousel. Its save your time.So start using.
You have a few extra options with default,such as:

  • 2 types of indicators styles with multiple positions.
  • 7 different caption styles.
  • 8 control styles with 3 different icons

 

Bootstrap Menu Builder

Bootstrap Menu Builder
Add defatult Twitter Bootstrap menu and style with Bootstrap Menu Builder.

Bootstrap menu builder is a awesome for Bootstrap menu create without coding.
You may create and style Bootstrap menu very easily.
Its also support dropdowns.

In 2 easy steps:

  • Add menu items
  •  Select styles

Tab Drop For Bootstrap

Tab Drop For Bootstrap
A dropdown tab tool 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.

  • Works only with horizontal tabs and pills.
  • Custom text for the dropdown tab.
  • Works with responsive design.

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

lightbox2
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

X-editable
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.

Features:

  • 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.

Features

  • 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

Mp mansory – Bootstrap jQuery Masonry

Bootstrap jQuery plugin to create masonry grid-system.

Based on the window size and the the breakpoints values passed as argument it calculates the number of columns needed and creates them as div elements with col-(viewport_slug)-(viewport_slug_value) class (you can add custom classes with the property ‘columnClasses’). It repeats the same process when a breakpoint is reached.

Bootstrap form Validator – jQuery Plugin

Validator is user-friendly HTML5 Bootstrap form Validator jQuery plugin.

The Validator plugin offers automatic form validation configurable via mostly HTML5 standard attributes. It also provides an unobtrusive user experience.

key features:

  • Configurable via data-api and standard HTML5 attributes
  • Patient to inform user of errors and eager to let them know the errors have been resolved
  • Validation of an input field via AJAX
  • Submit is disabled until the form is valid and all required fields are complete
  • Customizable error messages
  • Custom validator functions