Photoviewer based on YUI Library

Photoviewer is a YUI based Lightbox. Its a lightweight and handy tool to create your own gallery. It supports multiple galleries.

Features

• Leverage the Flickr API for better flexibility
• Load your Flickr RSS feed
• Easily skinned for customization
• Lightbox functionality, modal dialog and auto-centered panels
• Slide show configuration models
• Cross-browser, cross-platform compatibility
• Create galleries using existing HTML
• Create galleries using remote XML files
• Absolute and relative position
• Flexible and robust API

Visit PhotoViewer Website Read the rest of this entry »

Mif Tree is a Free MooTools Tree control to create beautiful customizable Tree menus.  This control allows you to customize every part according to your needs.

The tree menu created with Mif Tree can also be browsed via keyboard and supports checkboxed tree menus.

Website: http://mifjs.net/tree/

Demo: http://mifjs.net/tree/Demos/index.html

MochaUI is an open source web applications user interface library built on the Mootools javascript framework.This Free library can be used for making Web Applications, Web Desktops , Web Sites, Widgets and Standalone Windows and Modal Dialogs. MochaUI is made with canvas tag graphics.

Features

• No images. The windows, including their controls, gradients and shadows, are drawn with the canvas tag
• Adjustable rounded corner radius
• Windows can be focused, dragged, resized, maximized, restored down and closed
• Dynamically create new windows on demand
• Fullwindow window size is adjusted if the browser window size changes
• Minimal HTML markup required

MochaUI is compatible and tested in all major browsers.

Requirements: MooTools and Explore Canvas

Website: http://mochaui.com

Demo: http://mochaui.com/demo/

Download: http://code.google.com/p/mocha-ui/downloads/list

Open Source Photo Gallery Designed with Mootools Javascript Library

(E)² Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)² Photo Gallery what folder to look at and it will automatically load the images using PHP.

Features

Read the rest of this entry »

MenuMatic takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system (horizontal or vertical), with enhanced usability and flair.

For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns.

Visit Website

View Demo

Download

Providing users as many preferences as possible always puts a smile on the user’s face. One of those important preferences is font size. I can see fine but the next guy may have difficulty with the font size I choose. That’s why this MooTools-driven font-size slider has been developed. It saves the user’s preference into a cookie.

There’s actually very little javascript to this create this functionality, Thanks to MooTools. Once the DOM is ready, we read in the saved font size (if one exists) and set it accordingly. Next we create our update message slider javascript. The last part is the fun part: the font size slider. The options are fairly self explanatory until the change event.

On slider change, we:

• update the font size label
• write a cookie to save the font size value
• change the document’s font size
• slide in the update text and slide it out two seconds later

View Tutorial

View Demo

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

A simple way to present your photos online

Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Neither is flash. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show them. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show them.

Website: http://imago.codeboje.de/

Demo: http://imago.codeboje.de/samplegallery/

Flash technology is an excellent way to create animated content among many other possibilities.Personally I prefer to use proprietary technologies.

Fortunately, every day there are new ways of doing the same thing, but using these standards and making presentations are more usable and accessible without sacrificing appearance. One such script is JS Coverflow with which we can implement an elegant image carousel.

Features:

• This tested browsers: Firefox 3, Opera 9.5 and Safari 3
• Only works with images with the same height and width
• Used easily with the mouse wheel or using the scroll arrows;
• Personalize the labels and the onclick event that fires in the center of the image in the foreground.
• This script has been tested with other libraries as Javascript: jQuery, MooTools, Dojo and Prototype.

Website: http://radnan.public.iastate.edu/coverflow/