Close Panel
 
 

6

Oct

2008

48 incredible Mootools Sripts

By Jeeremie. Posted in AJAX / Javascript, Articles

Ever wanted to add some AJAX effects to your site to create a great and interactive looking site. Here’s a list of 48 of the best Mootools scripts around there (e.g. image galleries, lightbox clones, tabbed contents, forms, menus, tables, date pickers…).

MochaUI

MochaUI is a web applications user interface library built on the Mootools JavaScript framework to develop great Web Applications, virtual desktop, modal windows, widget… Maybe the best mootools app I have seen so far. You should definitely check this one!
Mootools version: 1.2

Visit »

Mootools Ext Adapter

An attempt at creating a mootools adapter for the fantastic Ext library by Jack Slocum.
Mootools version: 1.2

Visit »

Milkbox

Another lightbox clone, but this time is written for Mootools 1.2.
Mootools version: 1.2

Visit »

NoobSlide

Nice and easy plugin for image slider. 8 slider samples in total.
Mootools version: 1.11 and 1.2

Visit »

(E)2 Photo Gallery

(E)2 Photo Gallery is a open source gallery. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP.
Mootools version: 1.1

Visit »

Pathfusion : Slideshow

Slideshow with transition between images.
Mootools version: 1.11

Visit »

MooSlide

Can call several content sliders on one page.
Mootools version: 1.2

Visit »

SmoothGallery

This gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…
Mootools version: 1.2

Visit »

MooFlow

iTunes like image gallery. It is the script I chose to use to display my showcase on my homepage.
Mootools version: 1.2

Visit »

Viewer - mootools

Slideshow to display image galleries or page sections.
Mootools version: 1.2

Visit »

Slimbox

Slimbox is a 4kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework.
Mootools version: 1.2

Visit »

BarackSlideshow

An elegant, lightweight slideshow script based on Obama’s homepage slideshow.
Mootools version: 1.2

Visit »

SlideShow 2

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.
Mootools version: 1.2

Visit »

PathFusion : multibox

Another lightbox clone that supports images, flash, video, mp3s, html.
Mootools version: 1.2

Visit »

SqueezeBox - Expandable Lightbox

SqueezeBox is an unobtrusive LightBox inspired overlay, for modal boxed content on your site. It’s a snap to show images but just as easy to use HTML elements, Ajax requests, iFrames, SWF movies and more.
Mootools version: 1.2

Visit »

MediaBox

Using the MooTools javascript library, Mediabox lets you open flash, video, and html content in a floating “lightbox” style window.
Mootools version: 1.2

Visit »

Javascript Image Gallery Using Mootools (part 2)

HTML friendly Javascript image gallery using mootools.
Mootools version: 1.2

Visit »

Sliding Tabs

Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of the Panic Software’s Coda site.
Mootools version: 1.11

Visit »

Mootabs

MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it’s main purpose is to help out with the creation of simple tab navigation.
Mootools version: 1.1

Visit »

SimpleTabs - Unobtrusive Tabs + Ajax

Small, simple and unobtrusive Tab plugin for MooTools including support for Ajax content.
Mootools version: 1.2

Visit »

Custom Form Elements

Style custom form elements to enhance checkboxes, radiobuttons, fileupload, textinput, textarea, select, submit, reset, image.
Mootools version: 1.2

Visit »

FormCheck

Form validator. It will pop up a message when a field is left empty.
Mootools version: 1.2

Visit »

fValidator

fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.
Mootools version: 1.2

Visit »

ForMoo - Form Tools for Mootools

Another Form Validator.
Mootools version: ??

Visit »

MOOdalBox - an HTML Lightbox

A modal box (inline popup), used to display remote content loaded using AJAX, web 2.0 style, written for the mootools framework.
Mootools version: 1.2

Visit »

Javascript Fisheye Example

Impressive demo of Javascript Fisheye Menu for Mootools version 1.
Mootools version: 1.0

Visit »

FancyUpload - Swiff meets Ajax

Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar.
Mootools version: 1.11

Visit »

UI TESTS :: Drop Menu

A sweet drop down menu with two levels.
Mootools version: 1.2

Visit »

ddmenu

ddMenu is a simple MooTools-based script to create you’re own context menus.
Mootools version: 1.2

Visit »

Fancy Menu

The well known Fancy Menu from Devthought.
Mootools version: ???

Visit »

Mootools :: Drop Menu example

A drop down menu.
Mootools version: 1.0

Visit »

UvumiTools drop down menu

The UvumiTools Dropdown Menu is a very simple multi-level menu built from an HTML unorderd list.
Mootools version: 1.2

Visit »

Drop Down Menu

Another drop down menu.
Mootools version: ??

Visit »

MenuMatic - Drop Down Menu

MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system.
Mootools version: 1.2

Visit »

PathFusion : image menu

Horizontal menu, reveals more of the image as you rollover it.
Mootools version: 1.11

Visit »

Calendar (date picker)

Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Mootools version: 1.2

Visit »

Unobtrusive JavaScript date-picker widgit

Unobtrusive date-picker.
Mootools version: ??

Visit »

Another date picker

Date picker.
Mootools version: ??

Visit »

wysiwyg - mootools

WYSIWYG editor (What You See Is What You Get). The page is in Spanish.
Mootools version: 1.2

Visit »

Pathfusion - Sortable table

Sort and filter tables.
Mootools version: 1.11

Visit »

Mootable

Sortable tables created from standard tables.
Mootools version: ??

Visit »

Reflection.js

Add reflections to your images.
Mootools version: 1.2

Visit »

Autocompleter

This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.
Mootools version: 1.2

Visit »

Tipsx3

Add tooltips to your text or links.
Mootools version: 1.2

Visit »

Mootools Split Panes - Work in Progress

Split Panes.
Mootools version: ??

Visit »

iCarousel

iCarousel is an open source (free) javascript tool for creating carousel like widgets.
Mootools version: 1.1

Visit »

MooSocialize

Ajax based social network bookmark widget.
Mootools version: 1.2

Visit »

Pathfusion : Rounded Corner

Creates rounded corners on divs.
Mootools version: 1.11

Visit »

Updates

Update (Oct 14, 2008): I just discovered today a new lightbox clone: SexyLightBox. Pretty neat!
Update (Oct 14, 2008): heySilver - MooTools Edition - Navigation system for Web applications that provides extra functionality to any application.

Don’t know the Mootools framework? Learn it!

MooTools 1.2 for The Non Programmer - Part I Get started with Mootools. The tutorials comes with a lot of Mootools demos to see the scripts in action.

MooTools Basic Tips for Web Designer - (Lesson 1) Another basic (maybe too basic?) Mootools tutorial from Antonio Lupetti to get started.

30 Days of Mootools 1.2 Tutorials - Day 1 - Intro to the Library. Each tutorial comes with some advanced examples and demos. Really interesting.

A MooTools Tutorial :: The “Mootorial”. How-to tutorial on the MooTools library. Become a master!

Mootools: ‘Ajax & XHR’ classes - Solutoire.com

Mootools: JSON explained - Solutoire.com

Understanding Mootools Selectors $, $$, $E and $ES - Solutoire.com

Technorati Tags: , , , , ,

Popularity: 76% [?]

 

Related posts

| Subscribe to Feed | Email the author

15 Responses to “48 incredible Mootools Sripts”

  1. 1
    Gregori Says:

    Wow! Nice collection!
    The wysiwyg editor is awesome, I’ve been searching this for months.
    Mootable is nice too, maybe I’ll use it.

    Thanks!

  2. 2
    Paul Says:

    Which one of the above would I use if I wanted to create a flickr style photostream which loads in the next and previous images next to the main image? Tabs, slides?

    thnkx

  3. 3
    Jeeremie Says:

    NoobSlide would work (sample 6 and 7).

  4. 4
    Paul Says:

    Thanks I will have a play, nice small footprint too and available in mootools 1.1 which is important for me at the moment :)

  5. 5
    Ethan Gardner Says:

    Pretty cool list. I can’t wait to try some of this out and start playing around with v1.2 of Mootools. I am stuck with 1.11 for now until Joomla ships out an update with the new version of Mootools.

  6. 6
    Eduardo Says:

    and Sexy Alert Box?

    Great collection :mrgreen:

  7. 7
    Luca Says:

    Great list.
    Another great concept (unfortunately it doesn’t work in IE6): an iphone like scrolling system: http://www.stylekueste.de/iscroll.htm

  8. 8
    Jeeremie Says:

    @Eduardo: Lo siento, lo habia olvidado.

  9. 9
    Aaron Newton Says:

    There’s also about 60 plugins on Clientside:

    http://clientside.cnet.com/js (download)
    http://clientside.cnet.com/docs (docs)

  10. 10
    Jeeremie Says:

    Thanks Aaron! Is there any demo page where we can see the plugins in action?

  11. 11
    Aaron Newton Says:

    There’s a “wikitorial” that demonstrates every single one. You can find them all here:

    http://clientside.cnet.com/wiki/

  12. 12
    Robin Says:

    Splendid! I love this list. Please add more javascripts soon.

  13. 13
    Jeeremie Says:

    Another list is on its way. It will be published in about 10 days. :)

  14. 14
    Alex Says:

    We are waiting! Thank you!!

  15. 15
    SchattenMann Says:

    we all love you :P

 

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

To insert a code, don't use <code>...</code>. Instead, use <pre lang="LANGUAGE" colla="-">...</pre> and replace 'LANGUAGE' by 'html4strict' for HTML, 'php', 'javascript', 'css'...