5 Great MooTools Plugin Resources

By  on  

One of the strengths of the MooTools JavaScript library is that the code is so flexible. This flexibility allows almost anyone to download the core and create plugins to their heart's content. Why reinvent the wheel if you don't have to though? Check out these fine websites which are loaded with easy to implement plugins.

Clientcide

Clientcide is a blog and plugin repository authored by MooTools core team member Aaron Newton. Aaron provides dozens of code snippets, plugins, and examples to help you implement the code. The documentation is top notch and Clientcide also provides a forum for users to discuss issues and ideas.

http://clientcide.com/js

moo.rd - A Lightweight MooTools Extension

moo.rd features a great collection of visual plugins to give your sites a bit more pop. My favorite extensions and plugins include Make.Table, Fx.Cycle, and Tutorial. moo.rd also features a MooTools-style plugin download tool so that you can grab only the modules you need at the compression rate that you want.

http://www.moord.it

MochaUI

MochaUI is MooTools' unofficial UI branch. Mocha provides a wealth of visual components includes dialog windows, web desktops, complete web applications, and a collection of useful widgets.

http://mochaui.com/

PhatPhusion

PhatPhusion also offers an impressive collection of visual widgets, including lightbox, sortable tables, rounded corners , and slideshow plugins. PhatPhusion's plugins are still only compatible with MooTools 1.1, but their functionality is worth your time to update to 1.2.

http://www.phatfusion.net/

Digitarald

This is the website of MooTools core developer Harald Kirschner. Harald has authored some essential plugins including AutoCompleter, FancyUpload, History Manager, Roar, and more.

http://digitarald.de/projects/

Do yourself a favor: before taking hours to code a plugin, check out the five great sites featured above. You could save a lot of time by utilizing the tools provided at each site.

Recent Features

  • By
    5 More HTML5 APIs You Didn’t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

  • By
    Responsive and Infinitely Scalable JS Animations

    Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...

Incredible Demos

  • By
    MooTools-Like Element Creation in jQuery

    I really dislike jQuery's element creation syntax. It's basically the same as typing out HTML but within a JavaScript string...ugly! Luckily Basil Goldman has created a jQuery plugin that allows you to create elements using MooTools-like syntax. Standard jQuery Element Creation Looks exactly like writing out...

  • By
    RealTime Stock Quotes with MooTools Request.Stocks and YQL

    It goes without saying but MooTools' inheritance pattern allows for creation of small, simple classes that possess immense power.  One example of that power is a class that inherits from Request, Request.JSON, and Request.JSONP:  Request.Stocks.  Created by Enrique Erne, this great MooTools class acts as...

Discussion

  1. David, thanks for this. I’ve seen things like SproutCore but MochaUI is much nicer since it is built on Mootools. Also, I’ve been looking for a good lightbox that was built on Mootools 1.2 like the one on digitarald. Seems like everyone who built their mootools1.11 version just decided not to update their code. With that in mind, if you have any other good mootools1.2 lightboxs I’d appreciate if you passed them along.

  2. ken

    @mdgreenfield
    you can check the plugin download page in clientcide, lightbox has been ported to 1.2

  3. @ken, thanks! I haven’t checked out clientcide since mootools1.11. I’m definitely going to start using their stuff since they seem to be on top of things in the mootools world.

  4. From Elad:

    http://jxlib.org/ – awesome ui library
    http://customformelements.net/ – as the domain says
    http://mifjs.net/ – best tree implementation in mootools ever
    http://meteora.astrata.com.mx/ – another ui library but based on mootools 1.11

  5. Chesley

    I didn’t know the moo.rd library and its lightbox since now, thank you David. These virtual lightbox and slideshows are great, aren’t they?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!