95+ Exceptionally Useful jQuery Plugins, Tutorials and Cheat Sheets

jCarousel
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

Pikachoose
Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.

Jcrop
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

AnythingZoomer jQuery Plugin
You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate use-case scenarios. Your own creativity can help you there.
Demo & Download

Add zoom icon to images using CSS (and jQuery, of course)
How to create a zoom icon in two ways: CSS way and jQuery way.

Easy way to improve your image gallery using jQuery
How do you decide which image to click while browsing some gallery? Most probably, you’ll click on image that you find interesting. And you make that decision in a matter of seconds. If, however, images have some description attached, it could make your choice easier.

Let’s say you are browsing a CSS gallery and you want to check out some new and beautiful website designs. And you are of course interested in some details – for example, which category design belongs to, what’s the rating or whatsoever. This information could be rendered below thumbnail, but there are other, more attractive ways of displaying additional data.

Image Fade – Revisited
See how to create a really cool image transition effect for buttons

Creating a polaroid photo viewer with CSS3 and jQuery
This example is making use of CSS3 and jQuery. It really shows the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean. The result is nice looking polaroidsthat you can drag around on the page … cool!

Image Cross Fade Transition
Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers We know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer – either in CSS or with the simplest of JavaScript:

View the working example and the source

Image Loading
This tutorial will show how to load images in the background, and once loaded handle the event and create your own response. Try Demo | View Code

Creating A Fading Header
A simple example using jQuery and CSS that shows you how to create the fading header technique seen on Bits and Pixels.
Demo: Creating A Sliding Image Puzzle Plug-In
This tutorial show us how to create a sliding image puzzle.

Sliders and Transitions

Slider Gallery
This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery already has the plugins to create these effects so we don’t have to go about creating them ourselves from scratch.
Demo | View Code

jQuery Multimedia Portfolio
Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.
Demo

jQuery Infinite Carousel
This tutorial will walk through the fundamentals of recreating the effect carousel used on the Apple Mac ads page

Scrollable timeline
Scrollable
Scrollable is useful jQuery plug-in for creating scrollable content. Scrollable items can contain any HTML. You can make items scroll horizontally or vertically and choose how many items are visible at once.

Build A Login Form With jQuery
In this tutorial, we’ll create a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel. In this case, we will be creating a hypothetical login for the new tutsplus area that’s coming soon.

Spoiler Revealer with jQuery
A simple technique that hides some content first and fades it in once a link is clicked.

Form Enhancements

jQuery magicpreview plug-in
magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms.

jQuery autosave plug-in
Autosave is designed to save the progress of forms by saving the fields to cookies so you won’t lose anything should anything go wrong

The plug-in saves the form fields at certain intervals (the default is every 10 seconds) and whenever you leave the page.

Date Picker
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input’s value.
Demo

jQuery pager plug-in
jQuery shortKeys plug-in
Hot Keys
jQuery.Hotkeys plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination. It takes one line of code to bind/unbind a hot key combination.
Demo

Creating a Nice Slider With jQuery UI
Sliders have many things going for them as a UI element; they offer the benefit restricting the choice a user has, without taking up the space of a drop down. If you need to ask the user to select a number between a range, you can either do an input box with validation, a drop down select element listing each possibility, or you can do a slider.

Pagination
jQuery paginator is based on the jQuery Pagination plugin originally written by Gabriel Birke. For information, documentation and license please visit http://plugins.jquery.com/project/pagination

jQuery paginator plugin file already includes the required jQuery pagination plugin.
Demo

Password Indicator
This is example is a merging of Benjamin Sterling’s Password Strength Indicator and Microsoft Passport’s Password Strength CSS.
Demo