jQuery was first launched in 2006. Nearly 6 years later, it’s even now heading sturdy – due largely in part to the community that’s been built up around it. This community of developers continually releases plugins that allow web designers and developers to add amazing functionality to their projects easily.
Current trend of Web design and development are dramatically revolutionised by the techniques of CSS3, jQuery and HTML5. They build a really stunning web site that has nice 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.
Table of Contents
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.
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.
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.
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.
Useful image hover slide effect with jQuery
This is a simple technique to animate an image when hovering using jQuery’s animate() effect.
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.
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.
Quovolver
Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.
Wookmark jQuery
Wookmard is a great grid fluid plugin that helps to build a pinterest like website.
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
Ideal Forms
Ideal Forms is a small framework to build awesome responsive forms with validation. It’s built on top of jQuery and LESS.
Recurly.js
Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.
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.