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

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

2. Noob Slide

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

3. Simple 3D Carousel

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

4. Slider

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

5. Click to change the background

URL: 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

URL: 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

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

8. Javascript Image Gallery

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

9. Sample Nav Bar

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

10. Slidinglist

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

11.Multibox

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

12. Image Menu

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

13. Window Growl

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

14. ReMooz

URL: 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

URL: http://www.hotajax.org/content/view/98/420/.
Description: A stylish and smooth accordian style navigation.

16. Slideshow

URL: 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)

URL: 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

URL: 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

URL: 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

URL: 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

URL: http://www.andrewsellick.com/….
Description: Smooth and yes, SEXY sidebar menu.
Demo:View Demo.

22. Slideshow

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

23. Ajax login form (

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

24. FancyUpload

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

25. Validate

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

26. SortableTable

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

27. MooTabs - Tiny tab class for MooTools

URL: 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

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

29. Calendar

URL: 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

URL: 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.

92 Comments so far

1. Erika on April 9, 2008 12:02 pm

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

2. Action on April 9, 2008 1:26 pm

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

3. liam on April 10, 2008 2:48 am

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

4. Parvinder Singh on April 10, 2008 5:09 am

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

5. Mike on April 10, 2008 5:27 am

   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”

6. Mike on April 10, 2008 6:23 am

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

   Still some nice Mootools stuff you found here :)

7. Darwin Santos on April 10, 2008 7:27 am

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

8. Josh on April 12, 2008 8:29 am

   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?

9. senechal on May 6, 2008 7:36 am

   voir comment fonctionne le formulaire

10. atif on May 14, 2008 10:13 pm

    i am very much impressed

11. caparuni on June 6, 2008 8:52 pm

    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

12. ryan on July 2, 2008 6:05 am

    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.

13. Simple on July 14, 2008 11:20 pm

    This was great thanks.

14. adevv on July 16, 2008 5:28 pm

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

15. nulll on July 23, 2008 10:16 am

    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!

16. fb on August 13, 2008 10:47 pm

    linkt to some more mootools scripts:

    http://mootools.startgigant.nl

17. Henry Vallenilla on August 30, 2008 4:06 pm

    Excelente apartado de mootools, considero que es una herramienta poderosa

18. annahita on September 26, 2008 11:55 am

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

19. baraa abd el-hady on October 30, 2008 3:54 am

    so much fun realy it is very great post.

20. Ant on November 4, 2008 9:52 am

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

21. Robin on November 10, 2008 3:51 am

    Great list! Really appreciated.

22. Ivo on November 28, 2008 3:42 am

    Great list of great examples. Thanks

23. virtual millenium on December 3, 2008 6:48 pm

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

24. hoofo on January 13, 2009 12:34 am

    Thanks for sharing~

25. Dude of the Future on January 30, 2009 9:08 pm

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

26. Anonymous on March 6, 2009 9:08 pm

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

27. da on March 18, 2009 4:42 am

    dafafaf

28. da on March 18, 2009 4:43 am

    sorry, i thought it was testing comments

29. antony on March 19, 2009 3:23 am

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

30. cunda on April 8, 2009 1:25 pm

    thank you very much

31. Avsa on May 8, 2009 10:39 pm

    Great post.Thank you very much.

32. khaled djebloun on May 23, 2009 4:04 pm

    Thank you for this links ;)

33. vino on June 13, 2009 6:37 am

    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….

Mini Icon for only $13 (Advertise Here)

Recent Twitter Visitors

News from the Design Community

• 100 Creative Twitter Backgrounds Featuring Illustration | Webdesigner Depot
• 10 incredibly cool WordPress shortcodes
• The Ultimate List Of Online Color Tools For Web Developers
• 35 CSS-Lifesavers For Efficient Web Design | CSS | Smashing Magazine
• 23 Colorful And Inspiring Web Designs Where Textures Are In Full Action @ SmashingApps
• 30 High-Quality Icon Sets for E-Commerce Designs
• 25+ Useful Infographics for Web Designers | Webdesigner Depot
• 50 Fresh JavaScript Tools That Will Improve Your Workflow | Developer's Toolbox | Smashing Magazine
• 41 Sleek Single Page Websites | Inspiredology
• 7 Rich & Creative User Interfaces and How to Create Your Own | Noupe