40 Best jQuery Plugins Every Web Developer Should Have

To save your best time looking for the jQuery plugins that can work like a charm, we hand-picked top 40 of them in different category. Current trend of web design and development have been dramatically revolutionised by the techniques of CSS3, jQuery and HTML5. They can not only build a very beautiful site that has great visibility, affordance and feedback, but also get this done in an easier way with the help of so many free open source libraries and plugins. Today we collected some best jQuery plugins of different functions like slider, layout, form validation, tooltip, beautiful table, typography and audio/video, etc. Please feel free to add your favourite ones in the comment section.

You May Also Like:

• Top 35 Essential jQuery Form Plugins and Libraries You’ll Actually Need
• 10 Best Free Javascript/jQuery WYSIWYG HTML Editors

jQuery Slider

Rhinoslider

Rhinoslider is a multiple effects jQuery slider. It can be used as a simple fading or sliding jQuery slideshow or as a rich effects jQuery slider. There is a generator that’s easy to create a beautiful slider.

Slides

SlidesJS is a simple slideshow plugin for jQuery. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

Minimit

Minimit Gallery is the most custom slider plugin you’ll ever find. It’s tested for and supports Css3 transition and transform, drags, scrollers, and touch interactions.

Circular Content Carousel

It’s a simple circular content carousel that has some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content.

Elastislide

Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Useful image hover slide effect with jQuery

This is a simple technique to animate an image when hovering using jQuery’s animate() effect.

Easy Paginate

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.

BxSlider

This a box content slider that can display image and coresponding text, etc.

Camera

Camera is a beautiful but simple slide gallery plugin that can be used anywhere.

Flexslider

The plugin includes fade and slide animations, customizable options as well as all the navigation options you would expect in such a plugin — touch gestures and responsive.

Layout/Presentation

Response js

Response JS is a lightweight jQuery (or Zepto) plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites.

Wookmark jQuery

Wookmard is a great grid fluid plugin that helps to build a pinterest like website.

Quovolver

Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.

Jquery Transit

The most feature rich plugin for CSS3 transformations and hover effects.

Pageslide

Click a button then current page slide to sideways a bit. If you’ve ever used the mobile version of Facebook, or Path, then you’ve probably seen something akin to PageSlide in action.

Sticky Sidebar

This is a plugin to build a sticky side bar displays when scroll page, good for advertisement or important information to stick in sidebar.

turn.js

Build a awesome paper flipping effects with turn.js.

jQuery Scroll Path

This is great plugin to create a multi path scroll that you may saw in some beautiful sites before.

Spin.js

Create a spinner without any images or external CSS.

Form

Recurly.js

Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.

Ideal Forms

Ideal Forms is a small framework to build awesome responsive forms with validation. It’s built on top of jQuery and LESS.

Power PWChecker

This simple jQuery plugin can be integrated seamlessly with any online form (sign up form/ user registration form) to check password strength and give users clues for creating strong and secure passwords.

jQuery File Upload Plugin

A fully functional and pretty file uploader plugin.

Ajax Auto Suggest jQuery Plugin

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

jQuery.validity

You can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.

jQuery Credit Card Validator

jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.

mailcheck

The jQuery plugin that suggests a right domain when your users misspell it in an email address.

SearchMeme

It provides a small search button that can be placed anywhere on the website (you may want to put it in your website header.

Chart/Table

Elycharts

Elycharts is a pure javascript charting library, easy to use and completely customizable.

jTable

jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript.

Morris.js

Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

Animated table sort

This plugin allows you to animatedly sort a table based on a column’ss, or on the content/value of a child/descendant element within thoses.

Tooltip

jQuery uLight Box

The jQuery uLightBox is a simple, and easy plugin to use for all of your lightbox needs. It is highly customizable.

Colortip

It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.

Coda Popup Bubbles

Show a beautiful tooltip box when mouse hovering.

Typography

Lettering.js

A great plugin for creating radical web typography.

FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

SlabText

The script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size.

Audio/Video

Fitvids.js

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

jPlayer

jPlayer allows you to rapidly weave cross platform audio and video into your web pages.