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 much-requested chunk of Javascript to zoom images inline, available for you to use on your website!

Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom’s raison d’être (French for “raisin-determination”) is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself.

FancyZoom is totally free for your non-commercial website.

Visit Author Website

Download FancyZoom

Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.

Features:

• Desaturation/greyscale
• Invert
• Flipping
• Brightness/contrast adjustment
• Hue/saturation
• Emboss
• Blur & more…

Pixastic Photo Editor

Pixastic is also an experimental online photo editor that incorporates some of the same techniques used in the library to create an image manipulation application. Most of the effects found in the library can be seen in action here, as well as other simple editing features.

Pixaxtic Website: http://www.pixastic.com/

Pixastic Photo Editor: http://editor.pixastic.com/

Meteora is set of cross-browser widgets and controls for quickly creating rich and customizable web applications without programming excessive JavaScript that is painful to debug in every browser.

Meteora is based on the great mootools framework (version 1.11) and scripts that already work with mootools can be used with Meteora too!

Website: http://meteora.astrata.com.mx

Demo: http://meteora.astrata.com.mx/pages/demo

SexyLightBox is a clone of the classic lightbox, but it is more lightweight and it looks sexier. It was built for web designers, so it is really easy to install and use. SexyLightBox supports all sorts of images of different sizes and HTML elements. The images larger than the browser, are adjusted automatically to see them completely.

Features:

• Easy to use
• Interact with you with Bump effects
• Lightweight
• Automatically adjust large images
• Scroll downward or upward with your page

Requirements: Mootools Framework 1.2

Website

Demo

SimpleCart(js) is a simple paypal shopping cart in under 11kb that you can setup in minutes. It uses cookies to keep track of the items in the cart.

SimpleCart(js) doesn’t require any databases or programming knowledge. You simply need to know some basic HTML and have the ability to copy and paste. However, it can easily be expanded to use databases or contain more advanced options. It’s lightweight, fast, simple to use, and completely customizable.

simpleCart Website

simpleCart Demo

Jx, a javascript library for creating graphical user interaces based on the fabulous MooTools library. They provide access to the library as well as extensive documentation and examples.

The Jx examples are a set of web pages that illustrate specific Jx components. Simply click on a page in the tree to the left to load the appropriate sample and get started exploring Jx right away.

To Change between Jx skins, simply click the button to expose a list of available skins and select a new skin to see the effect immediately.

Website: http://jxlib.org/

A very good and handy color picker for designers and developers. This color picker mimics Photoshop color picker by layering transparent images.

The main difference in Photoshop-Like Javascript Color Picker is that it has all 6 picking options (H,S,V,R,G,B) not just Hue. The JavaScript is made up of some color methods, a slider control, a handler for input, and the ColorPicker object to put it all together.

Website: http://johndyer.name/lab/colorpicker/

Download: http://johndyer.name/file.axd?file=colorpicker.zip

Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.

You can style your starboxes with CSS, in starbox.css you can find a few examples on how to do this. Note that the only thing you can not set through CSS is the overlay image.

Tip: The Google Ajax Libraries API can be used to automatically load the latest version of Prototype and Scriptaculous. Using Prototype for example, the last part of the url can be changed to /1.6/prototype.js for the latest 1.6.* release, or /1/prototype.js for the latest 1.* release.

Website: http://www.nickstakenburg.com/projects/starbox/

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