Here is a collection of the most useful prototype plugins grouped in to categories so that you can find your script based on your needs. Includes scripts for image galleries, lightbox, in place editors, form validation, modal windows, image manipulation, auto complete, table sorting etc.

Useful resources

• Prototype tutorials
• Script Aculous tutorials
• Prototype compressed versions
• Prototype & Script Aculous(script.aculo.us) compressed

Prototype image gallery & lightbox

ProtoFlow

ProtoFlow is the prototype equivalent of Apple’s coverflow effect. Nicely implemented with reflection (reflection.js script required).

LightView

It is an excellent script which can show images, movies, flash or iframe content in an overlay effect. It supports slideshow mode for images and auto detection of media using file name extension.

qGallery

This is not yet complete and is not available for download. But the demos are worth watching and looks promising. It is aimed to be a complete gallery script with support for XML based galleries width different viewing options, thumbnail zoom etc.

Lightbox

It is one of the first lightbox scripts.

Prototype auto complete

http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html
http://www.beauscott.com/examples/autocomplete/doc/examples.html

Prototype UI (Slider & Modal Window)

Prototype UI is a javascript library based on Prototype (1.6) and Script.aculo.us (1.8). It’s a library of User Interface components, based on a common fundation classes, which could be easily used by various web applications.

.

Prototype tool tip

Prototip

It is a good script with customizable tool tips. The site contains lot of examples of customization.

Prototype inline editors

Edit In Place

Ajax In Place Rich Editor

This supports tinyMCE integration with in place editor.

Prototype form validation

http://www.benjaminkeen.com/software/rsv/prototype/demo.php?page=7
http://tetlaw.id.au/upload/pages/really-easy-field-validation/

Prototype table sorting

Prototype image manipulation

Prototype Cropper

Phototype

phototype is a client/server-side library, based on prototype. On the server side the library is powered by PHP(with GD library) that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images.

Prototype color picker

Related posts:

1. Highslide – The best image gallery script? Highslide is a standalone javascript library created mainly for...
2. 10 jQuery plugins for showing image gallery An image gallery is part of the modern web 2.0...
3. 10 jQuery plugins for manipulating images This time, I want to list some jQuery plugins that...

Related posts brought to you by Yet Another Related Posts Plugin.

You might also want to check these posts,

• 10 jQuery plugins for showing image gallery
• Three lightbox clones for Mootools

E2 Photo Gallery

It is a simple and easy to use (provided, you’re using PHP) gallery plugin which supports thumbnail images with carousel view. It is supplied with a php file which can scan a specified folder for images and it can create the gallery automatically.

JSGallery2

It is a simple gallery plugin with support for thumbnails with paging. The transition effects are simple. The latest version is based on MooTools 1.2. There is also an older version for MooTools 1.1

Image Gallery by TutorialDog.com

It is a light weight plugin which supports thumbnails and image captions. As it uses a carousel like view for thumbnails, it can be implemented in less space.

noobSlide

NoobSlide is a multipurpose script which can also be used as a gallery. Lots of different styles are supported. It can also be used as a content slider. The animation is also good. There are lots of examples provided in their site. You can also find a version for MooTools 1.1.

UvumiTools Gallery Plugin

It is an unconventionally styled gallery. Thumbnails are listed with a zoom effect on hover. Once you click the image, the view is switched to a 3d looking carousel of thumbnails + the main image. The animations are also good.

Features

• Automatic resizing of images
• Handles broken image links
• Mouse wheel scrolling
• Support for captions with animation effect (Fancy Caption)

MooPix

MooPix is a script that is specifically written to handle Flicker images. There is support for a slide show mode and thumbnail mode.

MooPix isn’t a slideshow, it’s a way for you to access your public Flickr photos without doing PHP, Ruby, or Python situps.

PhatFusion Slideshow

This is one of the earliest image galleries available for MooTools. Still it is a neat looking gallery with thumbnails and slide show mode.

MooFlow

MooFlow is a script that emulates the famous CoverFlow of Apple’s. Interestingly it supports full screen option like a flash player which fills the browser viewable area. Mouse wheel and keyboard navigation is supported.

Features

• Easy to setup
• Automatic resizing of images with full size viewer (popup)
• Fullscreen option
• Reflections
• Can run multiple instances in same page

Slideshow 2

It is an advanced imaged gallery with excellent transition effects. It supports cross fading of images and Ken Burns effect. The scripts are separate for core functionality and different transitions so that you only need to include the transitions you want.

Features

• Excellent transitions – cross fading & Ken Burns
• Good styles
• Slideshow mode
• Auto scrolling thummbnails (Examples for vertical thumbnails provided)
• Support for image caption
• Lots of examples provided

SmoothGallery

It is another excellent script which can be used to show image galleries as well. The thumbnails are shown inside the images and auto scrollable. In the new version transition effects are also supported.

smooth gallery

• Controls & thumbnails are placed inside the main image, which enables it to be placed in a small area.
• Auto scrolling thumbnails
• Image Caption
• Images are linkable, which makes it suitable for a featured content gallery

Conclusion

When comparing features, Slide Show2 is the best script for showing an image gallery. It supports different types of transitions, customizable options and provides a lot of examples in their website.

Smooth Gallery is also good. It takes less space in a web page and can be used as a featured content slider.

Mootools Vs jQuery
In the previous post, I’ve listed 10+ image gallery plugins for jQuery. Finding plugins for both jQuery & Mootools is a fairly easy job. Also, both libraries have plugins which matches in functionality. So I think, it is just a matter of choice. If you are comfortable with jQuery use it, or use Mootools otherwise.

Anyway, I think Slideshow 2 & Smooth Gallery are excellent scripts which lacks alternative in jQuery. jQuery has CrossSlide which has transition effects similar to Slide Show 2, but it is not complete as a gallery plugin as Slide Show 2 is. And for Smooth Gallery, I couldn’t find a jQuery alternative. Hope someone will port it to jQuery.

Edit: Links corrected, missing image for Smooth Gallery added

Related posts:

1. 10 jQuery plugins for showing image gallery An image gallery is part of the modern web 2.0...
2. Highslide – The best image gallery script? Highslide is a standalone javascript library created mainly for...
3. jQuery and Mootools plugin to show tooltips The tooltip is a common graphical user interface element. It...

Related posts brought to you by Yet Another Related Posts Plugin.

You might also want to check the following post

Which is the best lightbox clone for jQuery

Milkbox

One thing I particularly liked in Milkbox is the ability to show slide shows. An interval can be specified.

Slimbox

It is a very lightweight script – just around 4KB.

tr>

Lightbox by phatfusion

One interesting feature is the ability to specify the DIV element that should contain the background (The background layer). So the effects can be either applied to the whole body or to a particular DIV element.

Related posts:

1. Which is the best lightbox clone for jQuery ? Lightbox is a script made by Lokesh Dhakar which is...
2. 10 Mootools plugin for showing image gallery In the previous post, I discussed about jQuery plugins for...
3. Improved lava lamp effect for jQuery and Mootools The lava lamp effect was an excellent technique to turn...

Related posts brought to you by Yet Another Related Posts Plugin.

Unlike many other libraries, multiple images can be opened at the same time. And a user can arrange the images as he wish on the browser. So it is definitly more usable than image gallery script that can show only one image – typical example is lightbox effect (opening the next closes the current).

The animation is also brilliant. Very smooth zooming of images. To open an image, you just need to click and to close, click on it again (Customizable in different ways). If you want to open two images, just click on the required images and those two will be popped up. Opening one image does not close the other.

Advantages:

• Stand alone javascript. Does not need a library.
• The most user friendly way to show images
• Good effects
• Can show HTML, AJAX content or Flash.
• Can open multiple images
• The opened image windows are draggable so that the user can arrange it in anyway. This is very useful if you want to compare two images.
• Creative Commons License – Free for personal use

Disadvantages:

• Not free for commercial sites. Requries a license. It can be purchased for one site or unlimited

The author has given good documentation and examples in his site highslide.com

Another cool site to check out is, http://youflow.finnrudolph.de. The author has successfully combined coverflow, youtube API and highslide to create a good mashup.

Is it the best?

Well, I think it has improved a lot. Using this script you can completely avoid browser popup windows. The ability to show images and non image (html, iframe) contents in a more userfriendly way makes it one of the best script ever made. The only drawback I see is the license. What do you think?

Related posts:

1. 10 Mootools plugin for showing image gallery In the previous post, I discussed about jQuery plugins for...
2. 10 jQuery plugins for showing image gallery An image gallery is part of the modern web 2.0...
3. Most useful prototype / script.aculo.us plugins Prototype is one of the earliest new generation javascript libraries...

Related posts brought to you by Yet Another Related Posts Plugin.

Image flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.

Advantages

• XHTML compliant
• Keyboard and Mouse scroll wheel navigation supported
• Free to use on any site
• No dependencies
• small in size (Only 11 KB uncompressed)

Specifications

For demo and download, please check the links

Open | Open in new window

The above demo opens images in another tab/window. Means no lightbox support. But lightbox support can be integrated. Please check the links below

Open | Open in new window

Related posts:

1. 10 Mootools plugin for showing image gallery In the previous post, I discussed about jQuery plugins for...
2. Highslide – The best image gallery script? Highslide is a standalone javascript library created mainly for...
3. 10 jQuery plugins for showing image gallery An image gallery is part of the modern web 2.0...

Related posts brought to you by Yet Another Related Posts Plugin.