Best jQuery Plugins for Web Development


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.

jQuery Slider

Rhinoslider

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Elastislide

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Camera

Best jQuery Plugins for Web Development

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

Flexslider

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Quovolver

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Jquery Transit

Best jQuery Plugins for Web Development

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

Pageslide

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

Build a awesome paper flipping effects with turn.js.

jQuery Scroll Path

Best jQuery Plugins for Web Development

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

Spin.js

Best jQuery Plugins for Web Development

Create a spinner without any images or external CSS.

Form

Ideal Forms

Best jQuery Plugins for Web Development

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

Recurly.js

Best jQuery Plugins for Web Development

Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.

Power PWChecker

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

A fully functional and pretty file uploader plugin.

Ajax Auto Suggest jQuery Plugin

Best jQuery Plugins for Web Development

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

jQuery.validity

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

SearchMeme

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

jTable

Best jQuery Plugins for Web Development

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

Morris.js

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Colortip

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

Show a beautiful tooltip box when mouse hovering.

Typography

Lettering.js

Best jQuery Plugins for Web Development

A great plugin for creating radical web typography.

FitText

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

Best jQuery Plugins for Web Development

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

jPlayer

Best jQuery Plugins for Web Development

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