Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It’s simple to use and easy on the eyes. You just need to follow some steps and its done!

Features:

• Lightweight
• Cool Curved Borders
• Easily Customizable

Requirement: jQuery 1.2.1

Website: http://famspam.com/facebox

The Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold.

It has nice curl effect and that curl could be manual or automatic in its behavior. You can easily customize this plugin.

Website: http://www.elliottkember.com/sexy_curls.html

Using jQuery and a plugin to help with animating background /examples/images, we are able to make a sliding “Garage Door” style menu. The menu code is purely semantic. The UL provides the “background”, the list items provide the “shutters” and the links themselves are the “windows”.

View Demo

Download Files

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. It works with all major browsers.

Requirements:jQuery Framework

Download: http://code.google.com/p/js-hotkeys/

Demo: http://jshotkeys.googlepages.com/test-static-01.html

A handy document for PHP developers.

Download jQuery 1.2 Cheat Sheet v1.0 in PDF format.

jQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.

JQZoom Evoution has nice examples for magnifying images like Reverse Zoom, Zoom without lens and many more…

Compatibility: Works on all modern browsers

Website: http://www.mind-projects.it/projects/jqzoom/

Download Code

Flexigrid for jQuery - Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features:

• Resizable columns
• Resizable height and width
• Sortable column headers
• Cool theme
• Can convert an ordinary table
• Ability to connect to an ajax data source (XML and JSON [new])
• Paging
• Show/hide columns
• Toolbar (new)
• Search (new)
• Accessible API and many more…

Website: http://www.flexigrid.info

Download: http://code.google.com/p/flexigrid

Drop Shadow jQuery plugin – a great jQuery plugin to add soft drop shadows. Check out all the options you have like: distance and direction to offset the shadow, the shadow spread or dispersion, opacity, shadow color, and more.

The shadows it creates are not bound to the original elements, so they won’t move or change size automatically if the original elements change.

Requirement: http://jquery.com

Website: http://eyebulb.com/dropshadow

This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want – from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.

Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations or issues – this widget is ready for production use.

Some Features:

• Simple to use
• Total CSS control
• Collapsable
• Unlimited layout capabilities
• Hotkeys
• Compatible with UI widgets

Requirements: jQuery Framework

Website: http://layout.jquery-dev.net/

Demo: http://layout.jquery-dev.net/demos.html

Download: http://layout.jquery-dev.net/downloads.html

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

You can use images, text, video and all kind of media with this.

Website: http://malsup.com/jquery/cycle/