jQuery is an important part of any web project. It made web design faster, easier and more interactive. During development, we often search for jQuery plugins to integrate required feature. But finding suitable plugin is not easy as it need much time to choose right one that can fulfil your requirement. So today in this article, we have gathered 20+ must-have jQuery plugins to help to get right one for your web projects without wasting your precious time. If we have missed something, don’t hesitate to share it in our comment section. So enjoy!
SlidesJS
If you’re looking for responsive image slider for your current or future project, SlidesJS is the best for you. This is a responsive slideshow jQuery plugin that features touch and beautiful CSS3 transitions.
MORE INFO / DOWNLOAD DEMO
Moment.js
This is a must use jQuery libray for each jQuery web developer. It a lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
MORE INFO / DOWNLOAD DEMO
iCheck
This can be a great plugin for you to create highly customizable checkboxes and radio buttons.
MORE INFO / DOWNLOAD DEMO
typeahead.js
An awesome jQuery plugin for autocomplete search functionality. This is plugin inspired by twitter.com’s autocomplete search functionality. The plugin consist of suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provide a rich typeahead experience.
MORE INFO / DOWNLOAD DEMO
X-editable
If you’re thinking to implement in line editing in you project, then it’s very suitable plugin for you. You can use this plugin with Twitter Bootstrap, jQuery UI or pure jQuery. The plugin allows you to create beautiful editable elements on your page.
MORE INFO / DOWNLOAD DEMO
Arctext.js
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that lets you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
MORE INFO / DOWNLOAD DEMO
Plupload
If your project need some file upload functionality then Plupload is best for you. It is JavaScript API for building file uploaders. It supports multiple file selection, file filtering, chunked upload, client side image downsizing and when necessary can fallback to alternative runtimes, like Flash and Silverlight.
MORE INFO / DOWNLOAD DEMO
Lightbox 2
Lightbox is a common feature to display full image in pup-up dialog by clicking on image thumbnails. This is the most popular jQuery lightbox plugin to create beautiful image pup-ups.
MORE INFO / DOWNLOAD DEMO
Bootstrap Lightbox
If you’re designing website using Twitter Bootstrap then this is a simple lightbox plugin for you based on the bootstrap modal plugin.
MORE INFO / DOWNLOAD DEMO
croppic
During implementing image upload feature, we often need to resize or crop images before save. So this is awesome jQuery image crop plugin for you to crop and resize images.
MORE INFO / DOWNLOAD DEMO
cropper
This is the best must use jQuery plugin for image cropping.
MORE INFO / DOWNLOAD DEMO
Lazy Load
If your pages have too many images then try Lazy loading. Lazy Load delays loading of images in long web pages and makes page load faster. The images outside of viewport won’t be loaded before user scrolls to them.
MORE INFO / DOWNLOAD DEMO
Unveil.js
This plugin is a very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport won’t be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or data attribute.
MORE INFO / DOWNLOAD DEMO
Maplace.Js
Maplace.js is a jQuery plugin that helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page.
MORE INFO / DOWNLOAD DEMO
Gmap3
Gmap3 is jQuery plugin that allows you to easily implement the power of Google Maps 3 in your web projects.
MORE INFO / DOWNLOAD DEMO
jQuery Form Validators
Form validation is a common feature of any web project. This is a a feature rich jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from JavaScript code.
MORE INFO / DOWNLOAD DEMO
Form Validation
This is a best jQuery plugin to validate form fields. The plugin is designed to use with Bootstrap, Foundation, Pure, Semantic UI and UIKit.
MORE INFO / DOWNLOAD DEMO
Happy.js
This is also a lightweight form validation for jQuery or Zepto.js.
MORE INFO / DOWNLOAD DEMO
SCEditor
This is a lightweight must use HTML and BBCode WYSIWYG editor for your any web project.
MORE INFO / DOWNLOAD DEMO
Bootstrap Image Gallery
This is beautiful touch-enabled, responsive and customizable image and video gallery. 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.
MORE INFO / DOWNLOAD DEMO
Fotorama Image Gallery
Most of projects need to implement image galleries to show user uploaded images or portfolio images. so if you’re developing a web project then this is a must use plugin for you to create simple, stunning, powerful gallery using this jQuery plugin.
MORE INFO / DOWNLOAD DEMO
Camera
Slideshow is a common feature in any web projects. Camera is a must use jQuery plugin to create responsive and adaptive slideshow for your current and future projects.
MORE INFO / DOWNLOAD DEMO