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.
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 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.
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.
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.
This is a simple technique to animate an image when hovering using jQuery’s animate() effect.
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.
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.
This a box content slider that can display image and coresponding text, etc.
Camera is a beautiful but simple slide gallery plugin that can be used anywhere.
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.
Response JS is a lightweight jQuery (or Zepto) plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites.
Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.
Wookmard is a great grid fluid plugin that helps to build a pinterest like website.
The most feature rich plugin for CSS3 transformations and hover effects.
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.
This is a plugin to build a sticky side bar displays when scroll page, good for advertisement or important information to stick in sidebar.
Build a awesome paper flipping effects with turn.js.
This is great plugin to create a multi path scroll that you may saw in some beautiful sites before.
Create a spinner without any images or external CSS.
Ideal Forms is a small framework to build awesome responsive forms with validation. It’s built on top of jQuery and LESS.
Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.
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.
A fully functional and pretty file uploader plugin.
Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.
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 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.
The jQuery plugin that suggests a right domain when your users misspell it in an email address.
It provides a small search button that can be placed anywhere on the website (you may want to put it in your website header.
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.
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.
The jQuery uLightBox is a simple, and easy plugin to use for all of your lightbox needs. It is highly customizable.
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.
Show a beautiful tooltip box when mouse hovering.
A great plugin for creating radical web typography.
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.
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.
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
jPlayer allows you to rapidly weave cross platform audio and video into your web pages.