40 Awesome MooTools Plugins You Need to Check Out

by on 2nd October 2012 with 3 Comments

screenshot

Recently, we published an outstanding collection of 40 jQuery plugins that every developer should check out. Today we’re following that up with some love for the MooTools crowd.

Like jQuery, MooTools has an awesome community of developers that constantly churn out stellar free plugins for all types of tasks and interfaces. In this collection you’ll find plugins for sliders, lightboxes, tags, navigation and a lot more.

Sliders & Lightboxes

MooTools SlideShow

One of the best MooTools slideshows around. It’s simple to use, gorgeous and packed with functionality. Start here if you need a slider.

screenshot

Nivoo Slider

This is a MooTools port of the wildly popular Nivo jQuery slider.

screenshot

Korx.Cycler

A really robust slider with cool starting effects that jump the gallery into the page.

screenshot

Tab

A simple slider with plenty of different transitions to choose from. You can try them out in the demo.

screenshot

ScrollGallery

A nice slider with a horizontal list of thumbnails. The thumbnail list actually extends beyond the bounds of the gallery and scrolls to show more on hover.

screenshot

Carousel

No frills, just a super basic slider that can show a couple of images at once.

screenshot

Floom

Another slider. The transitions here are pretty slick so be sure to check out the demo.

screenshot

Gradually

This one has a chunk transition that splits down the middle. It’s not as good as some of the others, but is definitely worth a look.

screenshot

Lightboxes and Modals

LightFace

You can’t do a MooTools roundup without featuring the work of David Walsh. This is his Facebook style lightbox plugin.

screenshot

FloatBox

A simple modal window that can hold anything you want.

screenshot

slideGallery

A horizontal gallery that scrolls through a series of images via the buttons on either side.

screenshot

Tabs

There’s really not much to say about these, they give you tabs, pure and simple. Each pulls it off in a slightly different way so check them out and see which you like the best.

MGFX.Tabs

screenshot

Simple MooTools TabPane Component

screenshot

Dv Tabs

screenshot

Tags and Tooltips

mooTagify

mooTagify is a really cool tagging plugin that allows you to enter in, save and delete tags. It looks great and works perfect.

screenshot

FloatingTips

A simple text tooltip with an arrow that points to the original content.

screenshot

MooImageTip

This tooltip is a little bit fancier and was built to hold both images and text.

screenshot

Navigation & Lists

PillMenu

PillMenu helps you build horizontal navigation menus with a customizable animated hover effect.

screenshot

jsMultipleSelect

This one is pretty cool. It allows you to select items from two boxes, which are then moved to a third box.

screenshot

FancySelect

A drop down menu that accommodates text and icons.

screenshot

FancySortable

FancySortable makes list items sortable via a click and drag. It really couldn’t be easier.

screenshot

Forms & Text

MooComplete

MooComplete is a plugin that you apply to a text field for automatic text completion. It updates a drop down list live as the user types.

screenshot

Mailcheck

Mailcheck double checks email addresses and makes suggestions if it thinks there is a typo.

screenshot

mForm

A suite of tools for working with form elements.

screenshot

SpellShow

The name makes it sound like this is some sort of spellchecker, but really the plugin takes a chunk of text and gradually fades it in one letter at a time. If you need a “reveal” text effect, this is your solution.

screenshot

Image Tools

The Wall

The Wall is one of the coolest plugins on this list. It takes a bunch of images, throws them together and makes the whole area draggable. There are a million different possible applications, check out the site to see some great examples.

screenshot

Moogallery

This plugin turns a list of images into a gallery, complete with a clickable lightbox effect.

screenshot

Mosaic

Mosaic gives your image a color overlay, then slices it up into a grid. As you hover over a portion of the grid, the overlay is turned off for that portion (or the revers of that). It makes for a cool trailing snake effect when you drag your cursor over the image.

screenshot

Zoomer

Zoomer allows you to take a closer look at an image. When you hover over the image, it will zoom in on that point and allow you to pan around.

screenshot

gniusBackground

Hassle free full-screen background images that automatically adjust to the browser width while keeping their aspect ratio. Super handy!

screenshot

Instagram for MooTools

This plugin allows you to display an Instagram stream for a specific user or tag.

screenshot

Cool UI

Mooplay

A MooTools HTML5 video player. It has progress bars, volume controls, time stamps; the works.

screenshot

CwCrop

CwCrop provides you with an easy to use interface for allowing users to crop photos live online.

screenshot

Scrollbar.js

A nice, clean, Apple style scroll bar.

screenshot

MoogressBar

Great looking progress bars with optional animations and finish events.

screenshot

ElementStack

This plugin presents the user with a grid of images, then when you click on one of the images, they all pile into one big stack. Not sure why you’d want to do that but it looks pretty cool!

screenshot

jsPalette

A basic color palette that can be shown inline or as a pop up menu on click.

screenshot

Drag.Move.Inside

This plugin allows you to drag an element and monitor whether or not it is currently inside of another element. It could be great for a simple game or a manual sorting UI.

screenshot

Drag.Move.Collide

This one does the same thing as the last one, only it monitors whether or not the draggable item is touching the other items.

screenshot

TableSorter

TableSorter helps you build tables with column headers that can be clicked to sort the items within the table by that criteria.

screenshot

What Did We Miss?

The forty plugins above represent the best free resources that I was able to find, but I’m sure you know of a bunch more great MooTools plugins. Leave a comment below and tell me about your favorites.

Also, if you’re in the market for even more MooTools plugins, be sure to check out MooTools Forge, the official source for all things MooTools.

Other Posts in Plugins You Need to Check Out:

Comments & Discussion

3 Comments

Subscribe

Membership
About the Author