48 incredible Mootools Scripts
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
The Author
Want to become a guest author on this blog?
Gregori says:
14 Oct, 2008
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!
Paul says:
14 Oct, 2008
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
Jeremie Tisseau says:
14 Oct, 2008
NoobSlide would work (sample 6 and 7).
Paul says:
14 Oct, 2008
Thanks I will have a play, nice small footprint too and available in mootools 1.1 which is important for me at the moment
Ethan Gardner says:
14 Oct, 2008
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.
Eduardo says:
14 Oct, 2008
and Sexy Alert Box?
Great collection
Luca says:
14 Oct, 2008
Great list.
Another great concept (unfortunately it doesn t work in IE6): an iphone like scrolling system: http://www.stylekueste.de/iscroll.htm
Jeremie Tisseau says:
15 Oct, 2008
@Eduardo: Lo siento, lo habia olvidado.
Aaron Newton says:
20 Oct, 2008
There s also about 60 plugins on Clientside:
http://clientside.cnet.com/js (download)
http://clientside.cnet.com/docs (docs)
Jeremie Tisseau says:
20 Oct, 2008
Thanks Aaron! Is there any demo page where we can see the plugins in action?
Aaron Newton says:
20 Oct, 2008
There s a “wikitorial” that demonstrates every single one. You can find them all here:
http://clientside.cnet.com/wiki/
Robin says:
12 Nov, 2008
Splendid! I love this list. Please add more javascripts soon.
Jeremie Tisseau says:
12 Nov, 2008
Another list is on its way. It will be published in about 10 days.
Alex says:
15 Nov, 2008
We are waiting! Thank you!!
SchattenMann says:
17 Nov, 2008
we all love you
Ruslan ABuzant says:
29 Dec, 2008
Nice collection, bookmarked!
Luca says:
7 Jan, 2009
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!
Jeremie Tisseau says:
21 Jan, 2009
Thanks Luca for the update. Nice new features.
Luca says:
21 Jan, 2009
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!
Emanuele says:
28 Jan, 2009
Have a look at iMoogle too!!
Dabert says:
2 Mar, 2009
i just wanted to say that I love this site
Constantin says:
27 Mar, 2009
More MooTools plugins (tooltips, image zoom, chained selects and other) can be found on php-help.ro.
Hello says:
30 Mar, 2009
Some scripts in the list are not even using ajax. Please review terms first
Boby Thomas says:
15 Apr, 2009
fantastic collection
Metti says:
28 Apr, 2009
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
Vikas says:
29 May, 2009
great and useful colelction
pranab saha says:
6 Jun, 2009
Great Collection
Leo Lee says:
24 Jun, 2009
nice collection, but it s hard to customize…
Michael says:
29 Jun, 2009
Hah great, I was using MOOtools without realizing it.
bert says:
30 Jun, 2009
What are sripts?
raosid says:
1 Jul, 2009
Amazing collection. Excellent job. May I know whether it contains a sliding rating control.
aca says:
23 Jul, 2009
tq so much!!! love it!!
da2n says:
25 Jul, 2009
it s very is the best,…I love it..:D
Dan Tamas says:
31 Jul, 2009
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.
artViper says:
31 Oct, 2009
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.
Jeremie Tisseau says:
3 Nov, 2009
Nice one @artViper. You always come up with nice scripts.
KejeN says:
8 Apr, 2010
That is a really awesome collection but I can t find a sliding panel(hiden on load) with mootools 1.1 .
artViper says:
14 Apr, 2010
Thanks @Jeremie Tisseau, if I just would have more time, I d come up with even more ^^ …
psren says:
10 Jun, 2010
PathFusion : image menu
Link defect (only the one of the image on the right of the article)
eric says:
16 Jun, 2010
Very nice! I look forward to trying some of these out soon.
If anybody s interested, I ve also put together a utility script that takes raw HTML as input and spits out MooTools element constructors: http://mrrena.blogspot.com/2009/12/dom2mootools.html
ahsanfile says:
20 Jul, 2010
Nice works…
thanks for share
okresowe szkolenia bhp says:
17 Dec, 2010
This is fully thoroughly amazing! I discovered this a few months ago. I incessantly am back to learn from it.
Eloktavian says:
16 May, 2011
Haha… this what i want.
Thx you 4 posting this. They very useful to me…
Amazing mootools
Themes says:
12 Aug, 2011
Am I the only one noticing the typo on this page? It s scripts not sripts (URL and Title have the typo)
Jeeremie says:
14 Aug, 2011
Amazing…. How could I not see it after all these years. Thanks for reporting. I will change it
deal says:
22 Oct, 2011
Some truly select blog posts on this web site , bookmarked .