The best 120+ Jquery plugins from around the internet

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. But you already know that  this is the best plugins round up from around the internet

speckyboy.com

Form & Validation Plugins

Recurly.js


Recurly.js lets you create secure, PCI compliant transaction forms with fully customizable CSS.
Recurly.jsDemo →

Ideal Forms


Ideal Forms is a small framework to build powerful and beautiful online forms.
Ideal FormsDemo →

In-Field Labels


In-Field Labels is a simple plugin that turns properly formatted HTML forms into forms with in-field label support.
In-Field LabelsDemo →

Sisyphus


Sisyphus lets you create Gmail-like client-side drafts, so when a visitor filling out your form closes the tab/browser and reopens, all the changes are saved and restored.
SisyphusDemo →

jQuery Credit Card Format Validation


Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Supports all major credit cards (American Express, Mastercard, Visa, Discover, Diners Club).

jQuery Credit Card Format ValidationDemo →

MotionCAPTCHA


MotionCAPTCHA is a jQuery CAPTCHA plugin that requires users to sketch the shape they see in the canvas in order to submit a form.
MotionCAPTCHADemo →

Power PWChecker


Power PWChecker is a free jQuery plugin to ensure secure passwords for users. This simple jQuery plugin can be integrated seamlessly with any online form to check password strength and give users clues for creating strong and secure passwords.
Power PWCheckerDemo →

DropKick


DropKick lets you painlessly create custom dropdowns. It also degrades gracefully for visitors on older browsers.
DropKickDemo →

TagBox Plugin


TagBox is a jQuery plugin to help add tags like input in your forms.
TagBox PluginDemo →

Plugins for Responsive Layouts

Response Javascript


Response Javascript is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.
Response JavascriptDemo →

Responsly.js


Responsly.js is a set of simple responsive widgets, written using CSS3 transformations and available as a jQuery plugin.
Responsly.jsDemo →

FitVids.js


FitVds.js is a lightweight, easy-to-use jQuery plugin for fluid width video embeds.
FitVids.jsDemo →

Dynamic Carousel


Dynamic Carousel is a responsive carousel plugin that works with a responsive/flexible layout, as opposed to many other carousels that are use pixel values instead of percentages and thus have fixed sizes.
Dynamic CarouselDemo →

Isotope


Isotope is a jQuery plugin for intelligent, dynamic layouts.
IsotopeDemo →

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.
ElastislideDemo →

FlexSlider


FlexSlider is a fully responsive jQuery slider plugin.
FlexSliderDemo →

Blueberry


Blueberry is a jQuery image slider written specifically to work with fluid/responsive web layouts.
BlueberryDemo →

Sliders, Galleries & Carousels

Slidorion


Slidorion is a combination of an image slider and an accordion. It displays beautiful images along with a variable length description. With images linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.
SlidorionDemo →

bxSlider


bxSlider is a jQuery HTML content slider and image slideshow.
bxSliderDemo →

Diapo


Diapo is a free jQuery slideshow plugin. It is an open source project.
DiapoDemo →

Craftyslide


Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.
CraftyslideDemo →

Minimit


Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides – practically everything that has multiple states.
MinimitDemo →

Galleria


Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.
GalleriaDemo →

jQuery Image Gallery


Like the name says, this is a simple jQuery image gallery plugin.
jQuery Image GalleryDemo →

rlightbox


rlightbox is a jQuery UI mediabox that can display many types of content such as images, YouTube and Vimeo videos. It has many unique features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.
rlightboxDemo →

Circular Content Carousel


This plugin is a circular content carousel. You’ll have some content boxes that 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 you can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.
Circular Content CarouselDemo →

HTML5 Music Player


A simple and clean HTML5 music player that’s supported on all major browsers (even IE7 and IE8).
HTML5 Music PlayerDemo →

Modal Window Plugins

Reveal


Reveal is a jQuery modal plugin. You can set up modals in just three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button.
RevealDemo →

leanModal


leanModal is a simple jQuery modal plugin that works with your CSS. You can use it to create sign up forms, basic content modals, and more.
leanModalDemo →

Mobile Specific Plugins

Overscroll


Overscroll is a jQuery plugin that mimics the iPhone/iPad scrolling experience in a browser. The plugin adds a draggable drift to overflowed DOM elements as well as a set of fading ‘thumbs’. Runs on most modern browsers.
OverscrollDemo →

jQuery Mobile


jQuery Mobile is a touch-optimized web framework for smartphones and tablets. It has a unified, HTML5-based user interface system for all popular mobile device platforms. IT’s built on the rock-solid jQuery and jQuery UI foundation. It’s lightweight code is built with progressive enhancement, and it has a flexible, easily theme-able design.
jQuery MobileDemo →

PhotoSwipe


PhotoSwipe is a free HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.
PhotoSwipeDemo →

jQuery.fracs


jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space.
jQuery.fracsDemo →

Web Typography

Lettering.js


Lettering.js is a jQuery plugin for radical web typography. It gives you complete down-to-the-letter control of your web type.
Lettering.jsDemo →

FitText


FitText is a jQuery plugin for inflating web type. 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.
FitTextDemo →

Shuffle Letters Effect


A short tutorial for making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.
Shuffle Letters EffectDemo →

jFontSize


The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content.
jFontSizeDemo →

Animation Plugins

jQuery Transit


jQuery Transit creates super-smooth CSS3 transformations and transitions for jQuery.
jQuery TransitDemo →

jRumble


jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element.
jRumbleDemo →

And… all the rest

jQuery Lifestream


jQuery Lifestream is a plugin that lets you easily create a stream of your online activity.
jQuery LifestreamDemo →

jQuery ComboGrid Plugin


ComboGrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. ComboGrid provides keyboard navigation support for selecting an item.
jQuery ComboGrid PluginDemo →

grumble.js


grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localized text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers.
grumble.jsDemo →

jQuery Timelinr


jQuery Timelinr is a simple plugin helps you to give more life to the boring timelines. It supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc.
jQuery TimelinrDemo →

deck.js


deck.js is a tool for making modern HTML presentations. Slides are basic HTML. The deck.core module keeps track of slide states and deck states, leaving CSS to define what each state looks like and how to transition between them. Extensions use core events and methods to add goodies, giving presenters the freedom to add what they want and leave out what they don’t.
deck.jsDemo →

spin.js


spin.js is an animated CSS3 loading spinner. You can adjust every single parameter: number of lines, length and width of lines, radius, trail, speed of spinning, and whether there’s a shadow or not.
spin.jsDemo →

Ninja UI


Ninja UI is a jQuery plugin enabling beautiful web interface objects efficiently and unobtrusively.
Ninja UIDemo →

jquip


jquip is a stripped down, faster, more modular – include only the parts you want – of jQuery. It is only 4.28KB (minified and gzipped) meaning it is only 13% of jQuerys actual size, yet has 90% of the really useful parts of jQuery (the rest can be added with plugins as needed).
You can also build customizable jquip packages with the new jQuip Library Builder service.
jquipDemo →

CodeExplorer


CodeExplorer is an online code explorer that displays code as an entire folder structure. This plugin allows for different themes, multiple instances, fullscreen mode, github connections, and much more.
CodeExplorerDemo →

arbor.js


arbor.js is a graph visualization library using web workers and jQuery.
arbor.jsDemo →

jQuery Boilerplates

jQuery Boilerplate


As the name says, jQuery Boilerplate is a boilerplate for jump-starting jQuery plugins development. This project won’t seek to provide a perfect solution to every possible pattern, but will attempt to cover a simple template for beginners and above.
jQuery BoilerplateDemo →

jQuery Plugin Boilerplate


jQuery Plugin Boilerplate is another boilerplate for jump-starting jQuery plugins development. It contains lots of comments to help you get going easily. It is truly object-oriented, and it implements public and private methods as well as public and private properties, making it the ideal candidate for when building both simple and complex jQuery plugins.

CodeExplorer

jQuery Plugin: CodeExplorer v0.1
CodeExplorer is an enitrely unique code formatting plugin that will not only format the code with colors and spacing, but will also display it in an entire folder structure.
CodeExplorer

Subway Map Visualization Plugin

Subway Map Visualization Plugin
The amazing Subway Map Visualization plugin allows you create, interactive subway map visualizations with HTML. Its style has been based on Londons Underground maps, with smooth curves & interchange connectors and 45-degree diagonals. The map size, line width and colors can all be customizable and the markup is also search engine friendly.
Subway Map Visualization PluginDemo

Website Tour with jQuery

Website Tour with jQuery
Website Tour with jQuery allows you to, as its name clearly states, create a tour on a website with jQuery. This can be very useful if you want to explain your users the functioning of your web application in an interactive way.
The idea is to add certain class to elements that you want to guide the user through and explain exactly what they do. The user is guided by a little tooltip to show what the current tour point is about, and a navigation that will allow the user to go back and forth between each point.
Website Tour with jQueryDemo

jQuery Embedded Help System

jQuery Embedded Help System
jQuery E-Help is plugin for procedural(“How to …”) web user interface help and it’s easy to integrate into any web interface that supports jQuery. Useful for all web applications, CMS and E-commerce systems.
jQuery Embedded Help SystemDemo

The jQuewy Project – Lightweight Loader for Javascript Functions

The jQuewy Project - Lightweight Loader for Javascript Functions
jQuewy is a simple, efficient, and lightweight loader for Javascript functions, with a powerful CDN-ready backend. Have you ever wanted to quickly prototype an idea in Javascript, and wanted to get it down as quickly as possible? Have you noticed how a large portion of your setup time can include downloading and setting up libraries to work with? jQuewy solves this problem, because now you can summon any script, and it’ll be inserted into your head tag automatically.
The jQuewy ProjectDemo

Flurid – The Fluid CSS Grid

Flurid – The Fluid CSS Grid
Flurid is a fluid width grid system optimized for flexibility (fluidity). It comes with a companion jQuery plugin to help make developing with the framework easier. Along with some additional features like equal height columns, the jQuery plugin can also automatically append alternating “odd” and “even” classes to rows and columns and apply the “last” class where needed to fix things for Internet Explorer 7 and below.
Flurid – The Fluid CSS Grid

jQuery Runloop Plugin

jQuery Runloop Plugin
With jQuery Runloop, you can create your own small runloop with keyframes at your own choosing, each with code to execute. You can put whatever code you want in each keyframe, rearrange keyframes easily, and use reusable maps of code and/or animations to share between runloops.
It was created to have more power, more control and less hassle than dealing with jQuery .animate() callbacks. It hooks into jQuery’s Effects Queue by design, to avoid timing conflicts in the case of doing many multiple .animate() calls.
jQuery Runloop PluginDemo

arbor.js – A Graph Visualization Library

arbor.js - A Graph Visualization Library
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs.
arbor.js – A Graph Visualization Library

Isotope

Isotope
Isotope Docs & Downloads

jMenu – Horizontal Navigation with Unlimited Sub-Menus

jMenu - Horizontal Navigation with Unlimited Sub-Menus
jMenu is a plugin that can create horizontal navigations with unlimited sub-menus. The look and feel of the menu is set in a CSS file, so you can update it without ever having to touch the JS code.
Besides jQuery, it also requires jQuery UI and does support all of the effects from the library (like fadeIn or slideDown).
jMenu – Horizontal Navigation with Unlimited Sub-MenusDemo

960 Grid on jQuery-Mobile

960 Grid on jQuery-Mobile
960 Grid on jQuery-Mobile is a port of 960 Grid to jQuery mobile. It combines the flexibility of 960.gs with the ease of jQuery mobile, with the purpose of making jQuery mobile more flexible and easier to use on mobile and touch-screen devices.
960 Grid on jQuery-MobileDemo

MobilyMap

MobilyMap
MobilyMap is a lightweight plugin (7KB) that can create a Google Maps-like, draggable interface from any image. You can add markers, display captions, display HTML content when markers are clicked and the plugin has callback functions including onMarkerClick, onPopupClose and onMapLoad to better interact on every level.
MobilyMapDemo

Slides – A Slideshow Plugin for jQuery

Slides - A Slideshow Plugin for jQuery
Slides is a smooth and simple slideshow plugin for jQuery that features looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination.
SlidesDemo

jTag – Plugin to Tag Pictures & More

jTag - Plugin to Tag Pictures & More
jTag – Plugin to Tag Pictures & MoreDemo

Galleria – JavaScript Image Gallery Framework

Galleria – JavaScript Image Gallery Framework
Galleria is a JavaScript image gallery framework, built upon jQuery, that simplifies the process of creating professional image galleries for websites and web/mobile apps. The framework has a large number of options such as transition effects, cropping methods and interaction details that you can use to customize your gallery. In addition to the generic options, each Galleria theme has some theme-specific options.
GalleriaDemo

liteAccordion – A Horizontal Accordion Plugin for jQuery

liteAccordion - A Horizontal Accordion Plugin for jQuery
liteAccordion is an easy-to-use content slider/accordion that only weighs 4.5kb (if you minify and gzip the JS, you can get the file size down to 1.2kb!). It supports pretty much anything and comes with two themes – ‘basic’ and ‘dark’.
liteAccordion

jShowOff – A jQuery Content Rotator

jShowOff - A jQuery Content Rotator
jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more.
jShowOff

Zoomy – E-Magnification

Zoomy - E-Magnification
Zoomy is a quick and easy plugin that will zoom into a picture. You only need two copies of one image, first the display image and then thelarger zoom image. Just link the zoom picture on the display picture, and tell the plugin to use that link when zooming.
Zoomy – E-Magnification

jQuery Waypoints

jQuery Waypoints
Waypoints is a small plugin that makes it easy to execute a function whenever you scroll to an element. The plugin makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.
jQuery WaypointsDemo

Easy Paginate – Plugin for Pagination

Easy Paginate - Plugin for Pagination
Easy Paginate is a lightweight and easy to use plugin that allows you to browse easily through the list of items with pagination controls. It takes a list of items, calculates a number of child elements of a certain object, divides it by step parameter (which can be easily adjusted) and generates “control buttons”. Controls are inserted immediately after the selected object in a form of ordered list.
Easy Paginate – Plugin for PaginationDemo

QapTcha – Draggable Captcha System with jQuery UI

QapTcha - Draggable Captcha System with jQuery UI
QapTcha, built using jQuery UI, is an innovative captcha plugin. It is a simple idea, yet very effective: To unlock a QapTcha form, the user has to drag a slider from the left to the right – something that bots are not able to do.
QapTcha – Draggable Captcha System with jQuery UIDemo

jFormer – jQuery Form Framework

jFormer - jQuery Form Framework
jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that: Validate client-side, Validate server-side and Process without changing pages (using AJAX).
jFormer – jQuery Form FrameworkDemo

bvalidator – Client Side Form Validation

bvalidator - Client Side Form Validation
bValidator is a jQuery plug-in for client side form validation. It supports fully customized error messages defined with template and CSS, many validation functions (actions) like date, email, URL, IP address, validation of dynamic forms, customized validation functions and more.
bvalidator – Client Side Form ValidationDemo

jQuery.validVal

jQuery.validVal
The jQuery.validVal is a plugin designed to simplify form validation. It is highly customizable, feature-rich and can easily be dropped on any type of HTML-form (even AJAX- and HTML5-forms) with ease.
jQuery.validValDemo

SheepIt! – Form Cloning jQuery Plugin

SheepIt! - Form Cloning jQuery Plugin
SheepIt is a jQuery plugin that allows you to clone form elements dynamically. It is very useful to develop advanced forms that require the same type of load data multiple times.
SheepIt! – Form Cloning jQuery PluginDemo

Reveal – jQuery Modal Plugin

Reveal - jQuery Modal Plugin
Reveal is a lightning-fast, lightweight (1,75kb), easy to implement and cross-browser compatible jQuery Modal window plugin.
Reveal – jQuery Modal Plugin

jNotify jQuery Plugin

The jQuery jNotify plug-in is an unobtrusive notification system for web-based applications. You can use it to inform users when specific actions have completed on your site–such as when an AJAX operation is complete. It has been designed to replace code where you may have previously used the JavaScript alert() function to provide feedback to the user.
jNotify jQuery PluginDemo

Signature Pad

Signature Pad
The Signature Pad plugin aids in the creation of an HTML5 canvas based signature pad that will record the drawn signature in JSON for later regeneration. It has two modes: TypeIt and DrawIt. In TypeIt mode the user’s signature is automatically generated as HTML text, styled with @font-face, from the input field where they type their name. In DrawIt mode the user is able to draw their signature on the canvas element.
Signature PadDemo

jQuery Splatter Plugin

jQuery Splatter Plugin
Splatter applies a random position, size, and color to elements on a page. The most basic implementation adds randomly colored and positioned asterisks to the element, it also has lots of optional configuration options, but the most of them are pretty simple and none of them are required.
jQuery Splatter PluginDemo

ToastMessage Plugin

ToastMessage Plugin
jQuery-ToastMessage-plugin is a jQuery plugin that offers Android-like notification messages and comes withfour different predefined types of toasts: notice, success, warning and error.
ToastMessage PluginDemo

jLabel – A jQuery Label Plugin

jLabel is a plugin that formats text input fields with unobtrusive labels featuring interactive suggestions. This allows input fields to be labelled clearly and presented with minimal interface obstruction.
jLabel – A jQuery Label Plugin

jRating – Ajaxed Star Rating System

jRating - Ajaxed Star Rating System
jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from ‘the number of the stars’ to ‘if the stars can represent decimals or not’.
Although the plugin can be used with any scripting language, a PHP file that handles the requests is included in the download package.
jRating – Ajaxed Star Rating SystemDemo

jQuery Memory Game

jQuery Memory Game
jQuery Memory GameDemo

jQuery Application Architecture – The Printable Chart

jQuery Application Architecture – The Printable Chart
This a handy chart that will help decide the architecture of your apps, like structuring client-side MVC apps, templating, unit and BDD testing, debouncing and much more.
jQuery Application Architecture Chart

webdesignledger.com

Isotope

jquery

Isotype is a jQuery plugin for creating dynamic and intelligent layouts. It also lets you reveal & hide items with filtering, re–order items with sorting – all done with captivating animations.

FitText

Tools and Scripts for Responsive Web Design

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.

FlexSlider

FlexSlider is an awesome, fully responsive jQuery slider plugin. In other words, it resizes to fit the screen on which it is displayed, and looks good doing it.

Sausage

jquery

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.

arbor.js

jquery plugins

Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Mosaic

Mosaic automatically generates sliding boxes & captions, allows slide & fade animations with custom directions, and preloads images within boxes.

Supersized

Supersized is a fullscreen background slideshow built using the jQuery library.

1stwebdesigner.com

1. jbar

Jbar-new-cool-jquery-plugins-2011

jbar is a jQuery plugin that transforms an unordered list <ul> into a toolbar with dropdown menus.

2. e24TabMenu

Tabmenu-new-cool-jquery-plugins-2011

e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands and collapses smoothly.

2.1. RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider is easy to use jQuery image gallery with animated captions and touch support for mobile devices. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.

View Demo

3. Simple jQuery Fluid Thumbnail Menu Bar

Fluid-thumbnail-new-cool-jquery-plugins-2011

The idea of a fluid thumbnail bar is simple: create a list of thumbnails within a space where the overflow can be flipped through page by page.

4. Accordion Multilevel Menu

Accordion-new-cool-jquery-plugins-2011

The plugin has a boolean initialization option accordion. If you set this value to “true” the menu behaves as an accordion menu. The irrelevant menu items are closed while the relevant slides open.

5. DropKick

Dropkick-new-cool-jquery-plugins-2011

Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making the menu look good.

6. jQuery Resize And Crop

Crop-resize-new-cool-jquery-plugins-2011

jQuery Resize And Crop (jrac) is a jQuery plugin that build a viewport around a given image permitting a person to visually resize an image and place a crop. Then it is
possible to use the coordinates data for any purpose.

7. Cloud Zoom

Cloud-zoom-new-cool-jquery-plugins-2011

Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatibility across browsers.

8. Simple jQuery Image Hover Effect

Image-hover-new-cool-jquery-plugins-2011

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

9. Easy Image Zoom

Image-zoom-new-cool-jquery-plugins-2011

Easy Image Zoom gives you the opportunity to see large details of the product while moving the cursor over a medium sized image.

10. ImageLens

Image-lens-new-cool-jquery-plugins-2011

Use this jQuery plug-in to add lens style zooming effect to an image,

11. ImageSelect

Image-select-new-cool-jquery-plugins-2011

ImageSelect is a jQuery plugin that allows the user to select an image by means of a nice looking dropdown.

12. jQuery Mapz

Maps-new-cool-jquery-plugins-2011

With Mapz you can easily create draggable image maps by just calling one function and by using some simple and clean HTML mark-up.

13. jQuery Image Gallery

Image-gallery-new-cool-jquery-plugins-2011

Image Gallery with Lightbox effect and slideshow functionality for jQuery UI.

14. JbhSlider

Jbhslider-new-cool-jquery-plugins-2011

JbhSlider is a fully customizable slider. You can add/remove navigation or pagination. You can set the effect, the duration and the functions after/before.

15. jQuery.slideBanjo

Slidebanjo-new-cool-jquery-plugins-2011

jQuery.slideBanjo is a plugin, that shows pretty slides on your site. Supports background loading of pictures, simple to customize, full documentation. Compatible with IE7 and higher.

15.1. Estro – jQuery Ken Burns & swipe effect slider

This jQuery plugin uses unobtrusive javascript to transform a block of simple HTML markup into a gorgeous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimized, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.

This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.

View Demo

16. Slides

Slides-new-cool-jquery-plugins-2011

Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

17. jShowOff

Jshowoff-new-cool-jquery-plugins-2011

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more.

18. Tiny Carousel

Tiny-carousel-new-cool-jquery-plugins-2011

Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

19. gSlider

Gslider-new-cool-jquery-plugins-2011

gSlider is an interactive image slider built on jQuery. It is versatile, lightweight and easy to implement in any website or web applications.

20. Craftyslide

Craftyslide-new-cool-jquery-plugins-2011

Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

21. JQuery Wysiwym

Wysiwym-new-cool-jquery-plugins-2011

JQuery-Wysiwym is a wysiwym (What You See Is What You Mean) editor. It is not meant to be used to output HTML, it simply helps with the desired markup syntax. Currently supported are Markdown, MediaWiki, and BBCode.

22. leanModal

Ieanmodal-new-cool-jquery-plugins-2011

A super simple modal window plugin that works with your CSS. Perfect for hidden page content. Uber light at just 780 bytes (minified). Flexible width & height, image free, supports multiple instances on one page. Great for login, sign up & alert panels, etc.

23. jQuery-preloader

Preloader-new-cool-jquery-plugins-2011

This jQuery plugin preloads CSS, JS, HTML and images with visual loader, fast and very small (~2Kb).

24. Zebra_Dialog

Zebra-dialog-new-cool-jquery-plugins-2011

Zebra_Dialog is a small (4KB minified), compact (one JS file, no dependencies other than jQuery 1.5.2+) and highly configurable dialog box plugin for jQuery, meant to replace JavaScript’s alert and confirmation dialog boxes and built using the jQuery Plugin Boilerplate.

25. Double Vision

Double-vision-new-cool-jquery-plugins-2011

A jQuery 1.6.1 plugin used for moving text from input’s to textarea.

26. Textarea Code Editor

Code-editor-new-cool-jquery-plugins-2011

This plugin transforms textareas into code editors with the following advantages: indentation with the Tab key, intelligent home key, auto indent on enter.

27. Easy Paginate

Easy-paginate-new-cool-jquery-plugins-2011

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.

28. Activity Indicator

Activity-indicator-new-cool-jquery-plugins-2011

Activity Indicator is a resolution independent indicator that works in any browser.

29. jQuery File Upload

File-upload-new-cool-jquery-plugins-2011

jQuery File Upload is a jQuery based lightweight file uploader with multiple file upload and drag&drop support.

30. Color Animation

Color-animation-new-cool-jquery-plugins-2011

With jQuery’s animate function, you can animate all kinds of css-properties. What’s really missing from jQuery is animating colors. This plugin will add this feature.

30.1. Fancy Music Player V2.0

Player works like this  – first it detects if Flash Player 9 or higher is installed. If yes a hidden flash movie(swf) will be used, that communicates via javascript with the HTML user interface. If no Flash Player is installed, the new HTML5 audio engine will be used, which is supported by all iToys(iPhone, iPad etc.).

View Demo

31. jQuery Formwizard

Form-wizard-new-cool-jquery-plugins-2011

The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps.

32. jQuery Spinner Control

Spinner-control-new-cool-jquery-plugins-2011

Converts the text input to a spinner control. This plugin works fine with ASP.net for the post backs.

33. jEscape

Jescape-new-cool-jquery-plugins-2011

This extension captures all the keydown events faster and less time writing code, you’ll profit.

34. jPaginator

Paginator-new-cool-jquery-plugins-2011

A plugin for animated pagination, with auto-acceleration, a slider, and highly customizable.

35. Snippet

Snippet-new-cool-jquery-plugins-2011

Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

36. HTML5 jQuery Music Player

Html5-music-player-new-cool-jquery-plugins-2011

A HTML5 music player that uses an awesome design created by Orman Clark and jPlayer.

37. jQuery Link Preview

Link-preview-new-cool-jquery-plugins-2011

jLinkPreview is a plug-in for jQuery Library which simply allows you to see a link’s preview image before you visit them by just hovering on it. Link preview will appear by your cursor when you hover.

38. My QR Code

Qr-code-new-cool-jquery-plugins-2011

This plugin generate QR code for mobile devices using Google Chart API with jQuery. By default, the plugin will generate the QR code for the URL of the page. You can also specify the text, encoding and size of the QR code.

39. jQuery TagBox

Tagbox-new-cool-jquery-plugins-2011

This is a jQuery plugin to help add tags like input in your forms.

40. jRumble

Rumble-new-cool-jquery-plugins-2011

jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.

41. MobilyMap

Mobily-map-new-cool-jquery-plugins-2011

MobilyMap is a jQuery plugin (7KB) that can create a Google Maps-like, draggable interface from any image.

42. Grid Navigation

Grid-navigation-new-cool-jquery-plugins-2011

jQuery plugin for achieving some neat grid navigation effects.

43. Simple Overlay

Overlay-new-cool-jquery-plugins-2011

A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.

44. diagonalFade

Diagonal-fade-new-cool-jquery-plugins-2011

diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, you’re off and away.

45. Smart Spin

Smart-spin-new-cool-jquery-plugins-2011

Smart spin is a jQuery spin button plugin that mimics the very common windows spin button control. Smart spin allows you to select a value between minimum and maximum values using either mouse or keyboard. You can also enter a value via keyboard.

46. jQuery Credit Card Validation

Credit-card-new-cool-jquery-plugins-2011

Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction.

47. Ajax PayPal Cart

Ajax-paypal-new-cool-jquery-plugins-2011

AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

48. jQuery.folderPreview

Folder-preview-new-cool-jquery-plugins-2011

jQuery.folderPreview is a jQuery plugin that takes a series of images and positions them so that they appear within a folder graphic. This enhances the attractiveness of a browsing UI system, allowing the user to visualize the contents of the folder.

49. jQuery Lifestream

Lifestream-new-cool-jquery-plugins-2011

Show a stream of your online activity with jQuery

50. QuoVolver

Quovolver-new-cool-jquery-plugins-2011

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

This entry was posted in Jquery plugins and tagged , , , , , , , , , , , , , , , . Bookmark the permalink.