25 Useful MooTools Tutorials

By Steven Snell | Published June 8th, 2009 in Tutorials

MooTools is one of the more popular JavaScript frameworks. In this post we’ll feature 25 helpful tutorials that will show you how to accomplish a variety of different things with MooTools. Here you’ll find tutorials for working with image galleries, sliders, navigation menus, and much more.

How to Auto Caption Images Using MooTools

How to Auto Caption Images Using MooTools

Twitter Emulation Using MooTools 1.2 and PHP

Twitter Emulation Using MooTools 1.2 and PHP

Create a Spectacular Photo Gallery with MooTools

Create a Spectacular Photo Gallery with MooTools

Using CSS and MooTools to Simulate Flash Horizontal Navigation Effect

Using CSS and MooTools to Simulate Flash Horizontal Navigation Effect

Using MooTools to Instruct Google Analytics to Track Outbound Links

Using MooTools to Instruct Google Analytics to Track Outbound Links

A Few MooTools Tabs

A Few MooTools Tabs

Two CSS Vertical Menus with Show/Hide Effects

Two CSS Vertical Menus with Show/Hide Effects

Create Snook-Style Navigation Using MooTools

Create Snook-Style Navigation Using MooTools

Create a Simple, Powerful Product Highlighter with MooTools

Create a Simple, Powerful Product Highlighter with MooTools

Elegant Animated Weekly Timeline for Websites

Elegant Animated Weekly Timeline for Website

Duplicate the jQuery Homepage Tooltips Using MooTools

Duplicate the jQuery Homepage Tooltips Using MooTools

Ultra Versatile Slider for Websites

Ultra Versatile Slider for Websites

Drag and Drop Using Drag.Move

Drag and Drop Using Drag.Move

Automatic News Ticker with Vertical Scrolling and Start/Resume Options

Automatic News Ticker with Vertical Scrolling and Start/Resume Options

Elegant Glass Style Navigation Bar Using CSS and Toggle Animated Effect

Elegant Glass Style Navigation Bar Using CSS and Toggle Animated Effect

Accordian Tutorial

Accordian Tutorial

Chaining with MooTools 1.2

Chaining with MooTools 1.2

Add a Show/Hide Login Panel to Your WordPress Theme Using MooTools

Add a Show/Hide Login Panel to Your WordPress Theme Using MooTools

FancyUpload

FancyUpload

Morph Effect on mouseenter/mouseleave with MooTools 1.2

Morph Effect on mouseenter/mouseleave with MooTools 1.2

Build a Toggling Announcement Slider Using MooTools 1.2

Build a Toggling Announcement Slider Using MooTools 1.2

Sexy Alert Box 1.2 MooTools & jQuery

Sexy Alert Box 1.2 MooTools & jQuery

JavaScript Dropdown Menu Using MooTools 1.2

JavaScript Dropdown Menu Using MooTools 1.2

Horizontal Animated Menu Using MooTools

Horizontal Animated Menu Using MooTools

Facebook Style Modal Box Using MooTools

Facebook Style Modal Box Using MooTools

For more tutorials, please see:


19 Comments
  1. popurls.com // popular today…

    story has entered the popular today section on popurls.com…

  2. FreelancerCrowd on June 9th, 2009

    My favourite framework!

  3. Alex C. on June 9th, 2009

    Really useful list, thanks for sharing!

  4. Alfredo Artiles on June 9th, 2009

    I want to share with you my latest mootools plug-in: e24SpotLight
    http://www.flash-free.org/en/2009/06/08/capta-la-atencion-de-un-objeto-con-e24spotlight-para-mootoolsattract-the-users-attention-using-e24spotlight-for-mootools/

    It lets attract the user’s attention over a region. The effect simulates a lights off letting only the desired region illuminated.

    There are more plugins to make flash like effects but using ajax.

  5. [...] 25 Useful MooTools Tutorials [...]

  6. Csaba on June 9th, 2009

    Great MooTools collection. Thank you.

  7. Oindypoind on June 10th, 2009

    Love mootools, thanks for these!

  8. tasarhane on June 10th, 2009

    nice collection..!
    thanks.

  9. [...] 25 Useful MooTools Tutorials (tags: mootools javascript webdesign) [...]

  10. [...] 25 Useful MooTools Tutorials [...]

  11. [...] 25 Useful MooTools Tutorials [...]

  12. [...] 25 Useful MooTools Tutorials [...]

  13. vuitton on August 14th, 2010

    Great MooTools collection. Thank you.