• RSS
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • co.mments
  • YahooMyWeb
  • E-mail this story to a friend!

I wrote an article a few weeks back about javascript frameworks (Top 10 Javascript Frameworks – Which do you prefer?), and the general consensus was that jQuery was the best. I like scriptalicious and Prototype, but I have been looking at MooTools recently, and I like what I see. Here is the best of what I have found:

1. Photo Gallery

Photo GalleryURL: http://www.hotajax.org/content/view/211/420/.
Description: A marvellous interactive Photo Gallery.
Demo:View Demo.

2. Noob Slide

Noob SlideURL: http://www.outcut.de/.
Description: This is another image gallery slideshow, nicely done..
Demo:View Demo.

3. Simple 3D Carousel

Simple 3D CarouselURL: http://www.hotajax.org/content/view/491/420/.
Description: A (not so) basic 3D Carousel.
Demo:View Demo.

4. Slider

SliderURL: http://www.phatfusion.net/slider/.
Description: Horizontal or Vertical bar and slider.
Demo:View Demo.

5. Click to change the background

BG ChangeURL: http://www.hotajax.org/content/view/468/420/.
Description: Dynamic color selector- colors swatch animate to pick and change the background.
Demo:View Demo.

6. Pamoorama

PamooramaURL: http://www.silverscripting.com….
Description: It show only part of your fullsize image, the image can then be scrolled by moving the mouse over it.
Demo:View Demo.

7. Tips

TipsURL: http://www.hotajax.org/content/view/213/420/.
Description: A stylish tool tip demo.

8. Javascript Image Gallery

Javascript Image GalleryURL: http://tutorialdog.com….
Description: A simple but very useable Image gallery.
Demo:View Demo.

9. Sample Nav Bar

Sample Nav BarURL: http://www.hotajax.org/content/view/212/420/.
Description: A stylish and easy to use nav bar.
Demo:View Demo.

10. Slidinglist

SlidinglistURL: http://www.hotajax.org/content/view/210/420/.
Description: A tree-like sliding navigation system.
Demo:View Demo.

11.Multibox

MultiboxURL: http://www.phatfusion.net/multibox/.
Description: A lightbox that supports images, flash, video, mp3s, html.
Demo:View Demo.

12. Image Menu

Image MenuURL: http://www.phatfusion.net/imagemenu/.
Description: A horizontal menu, reveals more of the image as you rollover it.
Demo:View Demo.

13. Window Growl

Window GrowlURL: http://icebeat.bitacoras.com….
Description: Tooltips with a difference.
Demo:View Demo.

14. ReMooz

WidgetURL: http://digitarald.de/playground/remooz.html.
Description: Simpliar and easier than SqueezeBox. Click on an image and the image will enlarge. Simple, the way I like it.
Demo:View Demo.

15. Accordions

Arcs from Digg LabsURL: http://www.hotajax.org/content/view/98/420/.
Description: A stylish and smooth accordian style navigation.

16. Slideshow

SlideshowURL: http://www.electricprism.com/aeron/slideshow/.
Description: This is by far and away the Photo Gallery with the most features. Very well done.
Demo:View Demo.

17. mooSlide ( lightbox replacement)

mooSlideURL: http://www.artviper.net/test/ajaxslide/.
Description: The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common “lightbox”. I really love this.
Demo:View Demo.

18. Page Loader

Page LoaderURL: http://www.phatfusion.net/pageloader/.
Description: You can load a div from one page into a div on this page.
Demo:View Demo.

19. Grow a Textarea

Grow a TextareaURL: http://ejectmedia.net/examples/moo_textareas/.
Description: Just make a form, and this script will add the ability to resize each textarea.
Demo:View Demo.

20. JavaScript Time Picker

JavaScript Time PickerURL: http://www.nogray.com/time_picker.php.
Description: The first ever Time Picker that utilize a very easy drag and drop interface.
Demo:View Demo.

21. Sexy sliding JavaScript side bar menu

Sexy sliding JavaScript side bar menuURL: http://www.andrewsellick.com/….
Description: Smooth and yes, SEXY sidebar menu.
Demo:View Demo.

22. Slideshow

SlideshowURL: http://www.phatfusion.net/slideshow/.
Description: A smooth transition between images.
Demo:View Demo.

23. Ajax login form (

Ajax login formURL: http://joeabiraad.com….
Description: An easy to use login form.
Demo:View Demo.

24. FancyUpload

FancyUploadURL: http://digitarald.de/project/fancyupload/.
Description: Swf meets Ajax for beautiful uploads.
Demo:View Demo.

25. Validate

ValidateURL: http://www.phatfusion.net/validate/.
Description: A simple form validation.
Demo:View Demo.

26. SortableTable

SortableTableURL: http://www.phatfusion.net/sortabletable/.
Description: Sort and filter tables.
Demo:View Demo.

27. MooTabs – Tiny tab class for MooTools

MooTabsURL: http://www.silverscripting.com/mootabs/.
Description: MooTabs is tiny(3kb), as the name suggests, it’s main purpose is to help out with the creation of simple tab navigation.
Demo:View Demo.

28. Sortable List Example

Sortable List ExampleURL: http://techblog.billkrueger.com….
Description: A drag and Drop sortable list. Could be handy.
Demo:View Demo.

29. Calendar

CalendarURL: http://www.electricprism.com/aeron/calendar/.
Description: Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Demo:View Demo.

30. Rounded Corners

Rounded CornersURL: http://www.phatfusion.net/roundedcorners/.
Description: This creates rounded corners on divs.
Demo:View Demo.

31. Mediabox

URL: http://iaian7.com/webcode/Mediabox.
Description: Mediabox lets you open flash, video, and html content in a floating “lightbox” style window.

32. Mootools Mocha UI

URL: http://greghoustondesign.com/demos/mocha/.
Description: Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.

33. FormCheck

URL: http://moo.floor.ch/docs/files/formcheck-js.html.
Description: Performs different tests on forms and indicates errors.

34. mooRainbow

URL: http://moorainbow.woolly-sheep.net/.
Description: A color picker, built on the mooTools Framework.

35. Lightbox

URL: http://www.phatfusion.net/lightbox/.
Description: An inline image popup, overlays and fades out the current page.

36. SmoothGallery 2.0

URL: http://smoothgallery.jondesign.net/what/.
Description: This javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website.

37. Popmenu

URL: http://www.hotajax.org/content/view/514/420/.
Description: A background image pops up, adding some livelyness to an otherwise dull menu.

38. MooMonth

URL: http://moomonth.com/.
Description: MooMonth is a full calendar application written in javascript.

39. MooWheel

URL: http://www.unwieldy.net/moowheel/.
Description: The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the canvas object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise.

40. mooSocialize

URL: http://www.artviper.net/moosocialize.php.
Description: By clicking the mooSocialize button, a window will appear, which lets you choose your favorite network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.

41. Reflection.js

URL: http://www.digitalia.be/software/reflectionjs-for-mootools.
Description: It allows to add instantaneous reflection effects to your images in modern browsers, in less than 3kb.


Subscribe via RSS or Follow us on Twitter
Follow us via RSS Follow us via RSS Email Follow us On Twitter
Share This Post
  • RSS
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • co.mments
  • YahooMyWeb
  • E-mail this story to a friend!
There are 41 Comments › Leave your comment
  1. Erika
    9 Apr, 2008

    This was so on time. Thanks a ton! That hotajax site is such a valuable resource.

    Reply

  2. Action
    9 Apr, 2008

    So much candy! Lightbox and Accordian have long been two of my favorites

    Reply

  3. liam
    10 Apr, 2008

    Thanks, great examples! All could come in handy for so many things, glad you put this list together.

    Reply

  4. Parvinder Singh
    10 Apr, 2008

    Really appreciate the work of mootools. It helps me to offer great websites to my clients.

    Reply

  5. Mike
    10 Apr, 2008

    I tend towards jQuery because of the no-brainer syntax, but you can’t deny that these mootools plugins are pretty sweet. Might have to change my ways. Thanks for a great post.

    P.S. Scriptaculous, not “scriptalicious”

    Reply

  6. Mike
    10 Apr, 2008

    You really don’t ave a clue what Ajax is, do you?…

    Still some nice Mootools stuff you found here :)

    Reply

  7. Darwin Santos
    10 Apr, 2008

    Awesome tools. thanks for sharing it.
    keep the good work

    Reply

  8. Josh
    12 Apr, 2008

    Very cool, thanks for sharing. I could have used a few of those a few months ago on a project, but that’s okay…

    Thanks for sharing!!! If you are able, do you know of any other ajax resources?

    Reply

  9. senechal
    6 May, 2008

    voir comment fonctionne le formulaire

    Reply

  10. atif
    14 May, 2008

    i am very much impressed

    Reply

  11. caparuni
    6 Jun, 2008

    http://greghoustondesign.com/blog/arranging-an-array-of-html-elements-in-a-cascade-circle-or-grid/ has an interesting tutorial on arranging html elements using Mootools. It teaches you how to align them into a grid, arrange them in a circle, or cascade them

    Reply

  12. ryan
    2 Jul, 2008

    wow .. what a lineup! we’ve done some cool mootools scrolling on greyemea.com

    thank for your great list! it’s great to share inspiration.

    Reply

  13. Simple
    14 Jul, 2008

    This was great thanks.

    Reply

  14. adevv
    16 Jul, 2008

    This is an amazing list. Really appreciate it, thanks a lot!

    Reply

  15. nulll
    23 Jul, 2008

    Another great one is
    Thumbnoo
    here is it
    http://87.230.15.86/~dado/devel/mootools/thumbnoo/

    It’s a mootools clone of highslide
    http://vikjavev.no/highslide/

    i love it!

    Reply

  16. fb
    13 Aug, 2008

    linkt to some more mootools scripts:

    http://mootools.startgigant.nl

    Reply

  17. Henry Vallenilla
    30 Aug, 2008

    Excelente apartado de mootools, considero que es una herramienta poderosa

    Reply

  18. annahita
    26 Sep, 2008

    i’m iranian . i like email me about ajax.at least it’s very very well.

    Reply

  19. baraa abd el-hady
    30 Oct, 2008

    so much fun realy it is very great post.

    Reply

  20. Ant
    4 Nov, 2008

    Wow, thanks for putting this list together. I’ve been searching for .js with this sort of functionality for a while.

    Reply

  21. Robin
    10 Nov, 2008

    Great list! Really appreciated.

    Reply

  22. Ivo
    28 Nov, 2008

    Great list of great examples. Thanks

    Reply

  23. virtual millenium
    3 Dec, 2008

    Wow! so much applications for the mootools ready to be used in plugins for blogs. Thank you.

    Reply

  24. hoofo
    13 Jan, 2009

    Thanks for sharing~

    Reply

  25. Dude of the Future
    30 Jan, 2009

    Awesome…thanx…if u check ma site u’ll see a lot of these

    Reply

  26. Anonymous
    6 Mar, 2009

    No offense, but most of the list are not even AJAX. These are only plain scripts written in mootools framework. Nice list though.

    Reply

  27. da
    18 Mar, 2009

    dafafaf

    Reply

  28. da
    18 Mar, 2009

    sorry, i thought it was testing comments

    Reply

  29. antony
    19 Mar, 2009

    I like 25-Validate example. How would check two passwords, any ideas please?

    Reply

  30. cunda
    8 Apr, 2009

    thank you very much

    Reply

  31. Avsa
    8 May, 2009

    Great post.Thank you very much.

    Reply

  32. khaled djebloun
    23 May, 2009

    Thank you for this links ;)

    Reply

  33. vino
    13 Jun, 2009

    hi
    i thanks to your team. i am getting new concept from this site and various implementation to my projects. pls keep supporting ur new ideas….

    Reply

  34. Custom PHP
    18 Jul, 2009

    Lots of examples! Thanks!

    Reply

  35. Cara Carney
    14 Aug, 2009

    [url=http://wkv747yd46pcianq.com/]cfsj1vz8byb6rx4u[/url]
    [link=http://hpufkeyeeqxvld86.com/]sq7c2jhe1z6ovpzo[/link]
    882otg6ml7iz72w7
    http://yw1mb5huehzpqq4m.com/

    年国外最佳

    Reply

  36. Mike Jonathan
    20 Aug, 2009

    Hi, thanks for your examples, and I suggest http://www.ajaxexamples.net its very pratic

    Reply

  37. Kuldeep
    7 Sep, 2009

    Great Job!!

    Reply

  38. PHP Ajax Developer
    22 Sep, 2009

    Thank you for sharing helping information on the net…..

    Reply

  39. Rapid
    6 Oct, 2009

    Great share, thanks. Gonna used them on my site for sure.

    Reply

  40. Phoenix Dentist
    18 Nov, 2009

    What to do if your web designer does not use javascript?

    Reply

  41. Arous
    13 Dec, 2009

    so good, thanks

    Reply

Leave a Reply


66 Trackbacks