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
Mootools Ext Adapter
An attempt at creating a mootools adapter for the fantastic Ext library by Jack Slocum.
Mootools version: 1.2
Milkbox
Another lightbox clone, but this time is written for Mootools 1.2.
Mootools version: 1.2
NoobSlide
Nice and easy plugin for image slider. 8 slider samples in total.
Mootools version: 1.11 and 1.2
(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
Pathfusion : Slideshow
Slideshow with transition between images.
Mootools version: 1.11
MooSlide
Can call several content sliders on one page.
Mootools version: 1.2
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
MooFlow
iTunes like image gallery. It is the script I chose to use to display my showcase on my homepage.
Mootools version: 1.2
Viewer – mootools
Slideshow to display image galleries or page sections.
Mootools version: 1.2
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
BarackSlideshow
An elegant, lightweight slideshow script based on Obama’s homepage slideshow.
Mootools version: 1.2
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
PathFusion : multibox
Another lightbox clone that supports images, flash, video, mp3s, html.
Mootools version: 1.2
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
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
Javascript Image Gallery Using Mootools (part 2)
HTML friendly Javascript image gallery using mootools.
Mootools version: 1.2
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
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
SimpleTabs – Unobtrusive Tabs + Ajax
Small, simple and unobtrusive Tab plugin for MooTools including support for Ajax content.
Mootools version: 1.2
Custom Form Elements
Style custom form elements to enhance checkboxes, radiobuttons, fileupload, textinput, textarea, select, submit, reset, image.
Mootools version: 1.2
FormCheck
Form validator. It will pop up a message when a field is left empty.
Mootools version: 1.2
fValidator
fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.
Mootools version: 1.2
ForMoo – Form Tools for Mootools
Another Form Validator.
Mootools version: ??
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
Javascript Fisheye Example
Impressive demo of Javascript Fisheye Menu for Mootools version 1.
Mootools version: 1.0
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
UI TESTS :: Drop Menu
A sweet drop down menu with two levels.
Mootools version: 1.2
ddmenu
ddMenu is a simple MooTools-based script to create you’re own context menus.
Mootools version: 1.2
Fancy Menu
The well known Fancy Menu from Devthought.
Mootools version: ???
Mootools :: Drop Menu example
A drop down menu.
Mootools version: 1.0
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
Drop Down Menu
Another drop down menu.
Mootools version: ??
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
PathFusion : image menu
Horizontal menu, reveals more of the image as you rollover it.
Mootools version: 1.11
Calendar (date picker)
Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Mootools version: 1.2
Unobtrusive JavaScript date-picker widgit
Unobtrusive date-picker.
Mootools version: ??
Another date picker
Date picker.
Mootools version: ??
wysiwyg – mootools
WYSIWYG editor (What You See Is What You Get). The page is in Spanish.
Mootools version: 1.2
Pathfusion – Sortable table
Sort and filter tables.
Mootools version: 1.11
Mootable
Sortable tables created from standard tables.
Mootools version: ??
Reflection.js
Add reflections to your images.
Mootools version: 1.2
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
Tipsx3
Add tooltips to your text or links.
Mootools version: 1.2
Mootools Split Panes – Work in Progress
Split Panes.
Mootools version: ??
iCarousel
iCarousel is an open source (free) javascript tool for creating carousel like widgets.
Mootools version: 1.1
MooSocialize
Ajax based social network bookmark widget.
Mootools version: 1.2
Pathfusion : Rounded Corner
Creates rounded corners on divs.
Mootools version: 1.11
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
Popularity: 92% [?]
October 14th, 2008 at 10:59 am
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!
October 14th, 2008 at 11:47 am
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
October 14th, 2008 at 11:54 am
NoobSlide would work (sample 6 and 7).
October 14th, 2008 at 1:31 pm
Thanks I will have a play, nice small footprint too and available in mootools 1.1 which is important for me at the moment
October 14th, 2008 at 6:40 pm
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.
October 14th, 2008 at 6:55 pm
and Sexy Alert Box?
Great collection
October 14th, 2008 at 8:03 pm
Great list.
Another great concept (unfortunately it doesn’t work in IE6): an iphone like scrolling system: http://www.stylekueste.de/iscroll.htm
October 15th, 2008 at 7:59 am
@Eduardo: Lo siento, lo habia olvidado.
October 20th, 2008 at 6:36 am
There’s also about 60 plugins on Clientside:
http://clientside.cnet.com/js (download)
http://clientside.cnet.com/docs (docs)
October 20th, 2008 at 9:32 am
Thanks Aaron! Is there any demo page where we can see the plugins in action?
October 20th, 2008 at 4:26 pm
There’s a “wikitorial” that demonstrates every single one. You can find them all here:
http://clientside.cnet.com/wiki/
November 12th, 2008 at 1:45 pm
Splendid! I love this list. Please add more javascripts soon.
November 12th, 2008 at 4:04 pm
Another list is on its way. It will be published in about 10 days.
November 15th, 2008 at 9:10 pm
We are waiting! Thank you!!
November 17th, 2008 at 1:34 pm
we all love you
December 29th, 2008 at 4:29 am
Nice collection, bookmarked!
January 7th, 2009 at 11:01 am
I’ve just released Milkbox 2.0!
A lot of new fetures, the most important:
- flash support
- autoplay play/pause button and custom autoplay for every gallery
- xml galleries
- total control over Javascript launch
- custom events
Take a look!
January 21st, 2009 at 11:29 am
Thanks Luca for the update. Nice new features.
January 21st, 2009 at 2:22 pm
thank you
Now I’ve just updated Milkbox to v2.2
It has some important fixes, and a new reloadGalleries() method, one of the most requested… It lets you reload galleries without re-instantiating Milkbox. Very useful in ajax apps or whenever you need to dynamically change the milkbox links without reloading the main page.
Bye!
January 28th, 2009 at 9:46 pm
Have a look at iMoogle too!!
March 2nd, 2009 at 5:00 am
i just wanted to say that I love this site
March 27th, 2009 at 10:19 pm
More MooTools plugins (tooltips, image zoom, chained selects and other) can be found on php-help.ro.
March 30th, 2009 at 10:52 pm
Some scripts in the list are not even using ajax. Please review terms first
April 11th, 2009 at 1:53 am
[...] Web-Kreation – 48 Incredible Mootools Scripts mooSlide – A cool widget that slides a block into the top or bottom of your page. [...]
April 15th, 2009 at 1:10 pm
fantastic collection
April 28th, 2009 at 12:12 am
This is a nice one too:
Yamoodow – Yet Another MOOtools modal winDOW
unobtrousive and lightweight modal window with support for tabs and caching:
http://blog.netzelf.de/lang/de/mootools/yamoodow
May 29th, 2009 at 12:34 pm
great and useful colelction
June 6th, 2009 at 6:30 pm
Great Collection
June 24th, 2009 at 1:15 pm
nice collection, but it’s hard to customize…
June 29th, 2009 at 8:54 am
Hah great, I was using MOOtools without realizing it.
June 30th, 2009 at 4:02 am
What are sripts?
July 1st, 2009 at 3:27 pm
Amazing collection. Excellent job. May I know whether it contains a sliding rating control.
July 23rd, 2009 at 5:46 am
tq so much!!! love it!!
July 25th, 2009 at 12:01 pm
it’s very is the best,…I love it..:D
July 31st, 2009 at 11:00 pm
Hi, I would like to announce the launching of a Mootools script that I think deserves to be in this list : Kroppr – image cropper script – V1.4
This script is intended to help webmasters allow their users to manipulate the images available on the site. It allows rotation, resizing, cropping and in the end saving the cropped image. The script is written in Mootools v1.11 and is available for testing on http://kroppr.rborn.info/
We would love to hear your opinion about it. Thank you.
August 17th, 2009 at 12:50 pm
[...] http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/ [...]
August 17th, 2009 at 12:56 pm
[...] http://24ways.org/2005/introduction-to-scriptaculous-effects http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/ [...]
October 31st, 2009 at 6:47 pm
You may want to add http://www.artviper.net/bumpbox.php to it – lightbox clone for flv,swf,img,html,pdf based on mootools and only 5kb in size.
November 3rd, 2009 at 10:56 am
Nice one @artViper. You always come up with nice scripts.
February 26th, 2010 at 11:14 pm
[...] the site I made were based on mootools librarybut when it comes to Overlay Images Scripts I prefer to use Light box v2 that also you can easily [...]