50 Awesome jQuery Plugins from 2010

The jQuery community never fails to let you down. Its constantly evolving, constantly improving and, thankfully, constantly releasing a tidal wave of fresh and powerful freely available plugins for every possible requirement.

Today we round-up the best and most powerful jQuery plugins from the last few months. You will find a comprehensive selection of the always popular sliders, image galleries, navigation solutions and form validity options. But this round-up has much more. Much, much more.

jQuery Mobile

jQuery Mobile

jQuery Mobile is a unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code has been built with progressive enhancement, and has a flexible, easily themeable design.

jQuery Mobile Download & Docs →

Globalization Plugin from Microsoft

The jQuery Globalization Plugin enables you to add globalization support to your JavaScript applications. This plugin includes globalization information for over 350 cultures ranging from Scottish Gaelic, Frisian, Hungarian, Japanese, to Canadian English. We will be releasing this plugin to the community as open-source.

Globalization Plugin from Microsoft Download & Docs →

Transformie

Transformie

Transformie is a Javascript plugin that comes in less than 5k that you embed into web pages and that brings you CSS Transforms by mapping the native IE Filter API to CSS transitions as proposed by Webkit.

Transformie Download & Docs →

CLEditor

CLEditor

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site.

CLEditor Download & Docs →

Color Plugin xcolor

The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations.
This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background. The color value can also be passed in different color models: RGB, HSV/HSB, HSL and their adequate alpha extensions.

Color Plugin xcolor Download & Docs →

Sexy.js

Sexy.js is a lightweight JavaScript library which provides enhanced Sequential Ajax (Sajax) functionality and a sleek facade to jQuery’s native Ajax methods.

Sexy.js Download & Docs →

Crazy Dots

Crazy Dots

jdCrazyDots is a jQuery Plugin that creates a loading spinner via CSS. Best appearance is with CSS3 capable browser, but can be made to work in older browsers, too.

Crazy Dots Download & Docs →Demo →

QuickFlip 2

QuickFlip 2

QuickFlip 2 is a major reworking of the jQuery plugin that flips any piece of HTML markup over like a card. The new version is faster and even easier to use—simply call the flip animation through a jQuery selector and the QuickFlip will flip the front panel to show its back.

QuickFlip 2 Download & Docs →

Transform

This plug-in allows you to apply 2D transformations in all CSS3 capable browsers as well as Internet Explorer. This plug-in works in Firefox 3.5+, Safari 3.1+, Chrome, Opera 10.5+ and IE 5.5+.

Transform Download & Docs →

Tooltip Plugins

Cute Balloon

Cute Balloon

Cute Balloon is a jQuery script that allows you to easily make a 'cute' tool tip balloon. It also works with Ajax content.

Cute Balloon Download & Docs →Demo →

Poshy Tip

Poshy Tip

PoshyTip includes 7 different color schemes for tooltips; it displays tooltips relatively to forms and inputs; supports asynchronous page loading; can load flickr feeds; has fade-in effects; and much, much more.

Poshy Tip Download & Docs →Demo →

Colortip

Colortip

Colortip converts the title attributes of an element within your page, into a series of colorful tooltips. With six color themes are available, you can easily match it with the rest of your design.

Colortip Download & Docs →Demo →

&

Charts and Graph Plugins

gvChart

gvChart

gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types of charts (AreaChart, LineChart, BarChart, ColumnChart and PieChart).

gvChart Download & Docs →Demo →

DDchart

DDchart

DDchart is a JSON data driven bar chart plug-in that creates a classable bar chart with flash style animation effects.

DDchart Download & Docs →Demo →

Web Page UI Plugins

Pines Notify

Pines Notify

Pines Notify is a JavaScript notification plugin that has been designed to offer an unparalleled level of flexibility, while still being very easy to implement and use. It uses the jQuery UI CSS library for styling, which means it is fully and easily themeable.

Pines Notify Download & Docs →Demo →

jQnotice

jQnotice

jQnotice allows you to easily show an animated notification tooltip at the top of your website with just a simple line of code.

jQnotice Download & Docs →

jQuery Constant Footer

Jquery Constant Footer

jQuery Constant Footer Download & Docs →Demo →

Simple Unlimited Levels Vertical Drop-Down Navigation Menu

Simple Unlimited Levels Vertical Drop-Down Navigation Menu

Simple Unlimited Levels Vertical Drop-Down Navigation Menu Download & Docs →Demo →

Pajinate

Pajinate

Pajinate is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages.

Pajinate Download & Docs →Demo →

Mapping Plugins

.goMap

.goMap

.goMap Download & Docs →Demo →

jMapping

jMapping

This plugin has been designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.

jMapping Download & Docs →Demo →

Forms, Validation, Tables and Search

jQuery.validity

jQuery.validity

jQuery.validity is a powerful jQuery plugin 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.validity Download & Docs →Demo →

Formation

Formation

Formation is a jQuery plugin that allows you to quickly create a form with validation without writing any HTML. You simply specify the container you wish to append the form to. By passing a few paramters into one of the formation function calls you can add different validation such as number, e-mail, url, phone number, or zip code.

Formation Download & Docs →Demo →

Html5form

Html5form

HTML5 allows you to validate forms without the need for additional JavaScript. Currently only Safari & Google Chrome supports this functionality. This plugin, with just a single line of code, gets the same result in Firefox & Internet Explorer.

Html5form Download & Docs →Demo →

ezMark

ezMark

ezMark is a very small (minified version is ~1.5kb) plugin that allows you to stylize Radio button and Checkbox easily.

ezMark Download & Docs →Demo →

Searchable DropDown

Searchable DropDown

A jQuery plugin which extends normal dropdown (select) elements to be searchable.

Searchable DropDown Download & Docs →Demo →

popBox

popBox

This plugin provides a simple to use popup textarea extension for textboxes.

popBox Download & Docs →Demo →

Cantipi Time Picker

Cantipi Time Picker

Cantipi is a simple, functionality and highly original time picker built with jQuery and makes use of canvas.

Cantipi Time Picker Download & Docs →Demo →

Animated Table Sort

Animated Table Sort

This plugin allows you to animatedly sort a table based on a column's <td>s, or on the content/value of a child/descendant element within those <td>s. The various <td>s fly to their new homes, giving a nice effect.

Animated Table Sort Download & Docs →Demo →

Video and Media Plugins

jQuery YouTube TubePlayer

jQuery YouTube TubePlayer

jQuery YouTube TubePlayer Download & Docs →

MediaElement.js

MediaElement.js

MediaElement.js allows you to use H.264, FLV, and WMV video with the <video> tag and program against the HTML5 Media API. This is accomplished by detecting what the browser supports, and when it doesn't suppor <video> or the media file you've give it, MediaElement.js replaces the <video> element with a Silverlight or Flash plugin and wraps it in a JavaScript object that that mimics the native Media Element API.

MediaElement.js Download & Docs →Demo →

jMediaelement

jMediaelement

jme is an HTML5 audio / video development kit with Flash Fallback, which focuses on flexibility, intuitive DOM-API and semantic code.

jMediaelement Download & Docs →Demo →

FlareVideo

FlareVideo

FlareVideo Download & Docs →

Image Slider Plugins

Coin Slider

Coin Slider

Coin Slider Download & Docs →Demo →

Image Scale Carousel

Image Scale Carousel

When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what's so nice about this jQuery plug-in; you don't have to worry about all of your images being perfectly sized for this slider. The jQuery Image Scale Carousel auto scales all of your images making implementation super simple.

Image Scale Carousel Download & Docs →

Sudo Slider

Sudo Slider

Essentially, Sudo Slider is the slider plugin that allows the designer to do whatever they wants, with whatever HTML he want. It's a content and image slider, with support for captions, ajax, multiple sliders, bookmarks, automatic sliding, continuous sliding, fading etc.

Sudo Slider Download & Docs →Demo →

Nivo Zoom – jQuery Image Zoomer

Nivo Zoom - jQuery Image Zoomer

Nivo Zoom – jQuery Image Zoomer Download & Docs →

Image Gallery and Effects Plugins

YoxView

YoxView

YoxView Download & Docs →Demo →

Exposure

Exposure

Exposure is a jQuery plugin for rich and smart photo viewing that can handle very large amounts of photos.

Exposure Download & Docs →Demo →

Cloud Zoom

Cloud Zoom

Cloud Zoom is a jQuery image zoom plugin. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Cloud Zoom Download & Docs →

Blockster Transition Effect

Blockster Transition Effect

Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.

Blockster Transition Effect Download & Docs →

Lightbox_me – Stupidly Simple Lightboxing

Lightbox_me - Stupidly Simple Lightboxing

Have you ever had a DOM element that you wanted lightboxed, but didn't want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you.

Lightbox_me Download & Docs →

“>

Easy Gallery

Easy Gallery

Easy Gallery Download & Docs →Demo →

jQueryrotate

jQueryrotate

This is a small plugin for jQuery that adds a nice feature to rotate images by a selected angle on web pages.

jQueryrotate Download & Docs →

jQuery.popeye 2.0

jQuery.popeye 2.0

jQuery.popeye is an advanced image gallery script that allows you to save space when displaying a collection of images and offers your users a nice and elegant way to show a big version of your images without leaving the page flow.

jQuery.popeye 2.0 Download & Docs →Demo →

Galleria

Galleria

Galleria is a image gallery framework that is very easy to use, yet loaded with advanced customization options. With more than 5k daily downloads, it's one of the most popular javascript image galleries available today.

Galleria Download & Docs →Demo →

jQuery and Social Media

jTweetsAnywhere – jQuery Twitter Widget

jTweetsAnywhere - jQuery Twitter Widget

jTweetsAnywhere is a jQuery Twitter Widget that simplifies the integration of Twitter services into your site, with just a few lines of code.

jTweetsAnywhere – jQuery Twitter Widget Download & Docs →Demo →

So So Social – jQuery News Feed from your Social Networks

So So Social - jQuery News Feed from your Social Networks

The So So Social plug-in uses jQuery and YQL (Yahoo Query Language) to gather RSS feeds from your various social networks and sorts them into an "activity feed". It basically creates a news feed out of your social networking activity.

So So Social Download & Docs →

Bit.ly Button – jQuery Plugin for Your Clicky Post

Bit.ly Button - jQuery Plugin for Your Clicky Post

bit.ly offers realtime statistics about the clicks on shortened links and this button takes advantage of that information. This jQuery button gives you a uniform click count button -tall or wide- that people can also use it to retweet your post.

Bit.ly Button Download & Docs →Demo →

Quite Delicious Button

Quite Delicious Button

This jQuery-fied delicious sharing widget gives you a uniform share button -tall or wide that works the same as the official Delicious button but looks much prettier.

Quite Delicious Button Download & Docs →Demo →

Author: (587 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments