Cult-Foo

Cool mootools scripts

Tags: ,

Debugger

Debugger

Simply include Debugger.js in your page and all the code that you have logging to firebug’s console will now show up in Debugger. Note that if you include Debugger.js in your page and you have Firebug installed, you won’t see it. Firebug is still way better than Debugger.js, so you’ll really only use it for IE, Safari and other browsers.

Reflection.js for mootools

Reflection.js for mootools

This is an improved version of the reflection.js script rewritten for mootools. It allows to add instantaneous reflection effects to your images in modern browsers, in less than 3kb.

imagemenu

imagemenu

horizontal menu, reveals more of the image as you rollover it.

features

  • 2 optional onClick events – open & close
  • href passed to onClick events
  • stays open when clicked
  • closes when clicked
  • select item to pre-open

My Object Oriented Tree

My Object Oriented Tree

  • Developed by Rasmus Schultz, http://www.mindplay.dk
  • Tested with MooTools release 1.11, under Firefox 2, Opera 9 and Internet Explorer 6 and 7.

MooFlow

MooFlow

MooFlow is a Javascript based Gallery looks like Apple’s iTunes or Finders CoverFlow™.
Features

  • Autosetup onload
  • Autoresize on changes of Window dimensions
  • Scrolling with mouse wheel
  • Scrolling with key input (left and right cursor)
  • Autoplay presentation loop

Table sorting

Table sorting

1. Client-side sort of various formats (like mm/dd/yy).
2. Zebra or striped tables.
3. Support sorting with hidden rows on the table.
4. Be fairly fast.
5. Use mootools (which we already use).
6. Use a table already on the DOM.

MooEditable

MooEditable

MooEditable is a simple web-based WYSIWYG editor.
Features

  • Clean interface
  • Customizable buttons
  • Tango icons
  • Lightweight (~10Kb uncompressed)
  • Fully degradable when Javascript disabled
  • Works in Internet Explorer 6/7, Firefox 2, Opera 9 and Safari 3 beta

thumbnoo

thumbnoo

A fresh look at thumbs preview. Use it on your site and you wont regret

MOOdalBox

MOOdalBox

A modal box (inline popup), used to display remote content loaded using AJAX, web 2.0 style, written for the mootools framework.
It can be used to display some help document, an extra options page, a registration form, etc. It eliminates the need of classic popup windows, that may get blocked by popup blockers.

elSelect

elSelect - customizable SELECT element

elSelect is a great tool that allows you to visually change look and feel of usual select, keeping its functionality.

MooSound

MooSound

MooSound is a MooTools API for Flash-enabled sound management.
That may not seem very exciting on its own, but if you need to add sounds to your page using MooTools, you’ll probably find it useful. ( You may need it if you need an audioplayer )

mooRainbow

mooRainbow

mooRainbow is a powerful Javascript color picker that allows you to visually choose and use colors as a real and useful application.
What at first I wanted to have was of course a color picker, but I wanted it to be rapid, optimized, clear and powerful: so here we are.

morphing cloud

morphing cloud

Nice approach to tag clouds. Drawing a cloud in javascript and make it changes dynamically

Calendar

Calendar

Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. This class is a compilation of many date-pickers I have implemented over the years and has been completely re-written for Mootools. I have tried to include all the features that have been most useful while streamlining the class itself to keep it as small as possible. Use the links below to see what features are available in Calendar and how it might enhance the accessibility, usability and validation of form elements on your website.

form validation

form validation

features

  • optional onFail function.
  • optional onSuccess function which will overide the form submition, this can be used to validate an ajax form.
  • onBlur validating
  • shows errors next to item or in a list.

Custom HTML Form Elements

Custom HTML Form Elements

Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script gracefully degrades, so if JavaScript is disabled, normal form input objects appear instead of your customized elements. This works flawlessly in Firefox, Safari, Internet Explorer 7, Opera and others.

Fancy Menu

Fancy Menu

Custom navigation bar with some cute Javascript effects that will certainly impress your friends

FancyUpload

FancyUpload

Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars.

fValidator

fValidator

Nowadays everybody knows that javascript can be used to validate input data in HTML forms before sending off the content to a server. Despite of that, when there are many fields in the form, the JavaScript validation becomes too complex and boring to code. That’s why fValidator exists, with it form validations are many times easier.

iCarousel

iCarousel

One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn’t matter too much here because all those kind of applications share always the same idea: Rotating. This objective can be achieve in different ways like fading and scrolling. Well here is iCarousel becomes useful. It’s a one step forward trying to generalize all those types of widgets providing a rich presentation and making the task easy to be done.

rel=”nofollow”iFishEye

iFishEye

iFishEye goal is to bring the FishEye effect into the web and provide an easy development alternative for content displaying with standard compliant XHTML and unobtrusive JavaScript.

imask

imask

Who haven’t ever wanted to apply an input mask to an HTML form field? This very common feature in traditional GUI applications is not natively supported by web applications. iMask goal is to implement an easy way for developers to add mask into their form fields, increasing the database and software consistency with standard compliant XHTML and unobtrusive JavaScript.

mooForms

mooForms

mooForms – custom checkboxes and radio buttons

MooPix

moopix

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

Did you like it? Help us spread the word!

24 Responses to "Cool mootools scripts"

  1. SiTo says:

    Hi elPas0,

    In my blog you can find lots of scripts for mootools. Are widespread, but you can get some links to complete your list.

    SiTo
    http://alfonsorv.blogspot.com

  2. elPas0 says:

    thanks, guys. i found some very intresting scripts, will add it to my collection

  3. Michael says:

    You may also look at esteak.net for mootools scripts. If you are an author, also feel free to upload.

  4. Edwin says:

    Wow great collection! All the good stuff at on place! Thank you!

  5. elPas0 says:

    if you think that there are scripts that must be there feel free to post links, i add them ( if they great :) )

  6. Tom Glenn says:

    I have created an auto-suggestion box with mootools known as mSuggest.

    Demo available at:
    http://www.tomglenn.co.uk/files/mSuggest/

    Download available at:
    http://www.tomglenn.co.uk/files/mSuggest.rar

    Check it out and let me know what you think, hopefully it is good enough to be included on this list :)

  7. Dave Q says:

    Don’t leave out http://www.moopix.org

    Nice compilation

  8. elPas0 says:

    nice script, add it

  9. janlee says:

    Cool List. This one has to be also in it: http://netjard.de/labs/ddmenu (for MT 1.2)
    cheers, jan

  10. rborn says:

    mooZoom is an unobtrusive javascript utility that allows you to zoom an image in the desired point using mouse-scroll.
    mooZoom does not break the layout of the page and is cross-bowser (ie, opera, firefox, safari).

  11. And a new mootools portal, http://mootools.startgigant.nl/ it will have udates every month, so if you want have sugestions, let me know , thanks

    http://mootools.startgigant.nl/

  12. This is a fantastic list. Ill be certianly using a few of these in my next website projects. Thanks.

  13. ?? says:

    really nice gallery of mootools scripts~
    thanks

  14. kaminito says:

    great compilation :)

  15. hoodajan says:

    hooda.de/labs/hootkeys – activates links via hotkeys

  16. Constantin says:

    If any of you interested, here’s a cool mootools 1.2.1 tooltips plugin. It allows tooltip to display content from html, some text or ajax. Tooltips can be defined on the html element calling them and/or when instantiating the class.
    The script can be found here:<a href="http://www.php-help.ro/mootools-12-javascript-examples/mootooltips-easy-to-make-good-looking-tooltips/"&gt; MooTooltips 0.1</a>

  17. awsome mootools list

  18. rborn says:

    Hi, I would like to come back and 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.

  19. Drew says:

    Thank god for mootools!

Trackbacks/Pingbacks

Do you have something to say?