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
    6 Things You Didn’t Know About Firefox OS

    Firefox OS is all over the tech news and for good reason:  Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript.  Firefox OS has been rapidly improving...

  • By
    Responsive Images: The Ultimate Guide

    Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...

Incredible Demos

  • By
    Full Width Textareas

    Working with textarea widths can be painful if you want the textarea to span 100% width.  Why painful?  Because if the textarea's containing element has padding, your "width:100%" textarea will likely stretch outside of the parent container -- a frustrating prospect to say the least.  Luckily...

  • By
    Create Custom Events in MooTools 1.2

    Javascript has a number of native events like "mouseover," "mouseout", "click", and so on. What if you want to create your own events though? Creating events using MooTools is as easy as it gets. The MooTools JavaScript What's great about creating custom events in MooTools is...

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!