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
One of the best MooTools slideshows around. It’s simple to use, gorgeous and packed with functionality. Start here if you need a slider.
This is a MooTools port of the wildly popular Nivo jQuery slider.
A really robust slider with cool starting effects that jump the gallery into the page.
A simple slider with plenty of different transitions to choose from. You can try them out in the demo.
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.
No frills, just a super basic slider that can show a couple of images at once.
Another slider. The transitions here are pretty slick so be sure to check out the demo.
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.
Lightboxes and Modals
You can’t do a MooTools roundup without featuring the work of David Walsh. This is his Facebook style lightbox plugin.
A simple modal window that can hold anything you want.
A horizontal gallery that scrolls through a series of images via the buttons on either side.
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.
Tags and Tooltips
mooTagify is a really cool tagging plugin that allows you to enter in, save and delete tags. It looks great and works perfect.
A simple text tooltip with an arrow that points to the original content.
This tooltip is a little bit fancier and was built to hold both images and text.
Navigation & Lists
PillMenu helps you build horizontal navigation menus with a customizable animated hover effect.
This one is pretty cool. It allows you to select items from two boxes, which are then moved to a third box.
A drop down menu that accommodates text and icons.
FancySortable makes list items sortable via a click and drag. It really couldn’t be easier.
Forms & Text
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.
Mailcheck double checks email addresses and makes suggestions if it thinks there is a typo.
A suite of tools for working with form elements.
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.
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.
This plugin turns a list of images into a gallery, complete with a clickable lightbox effect.
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.
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.
Hassle free full-screen background images that automatically adjust to the browser width while keeping their aspect ratio. Super handy!
This plugin allows you to display an Instagram stream for a specific user or tag.
A MooTools HTML5 video player. It has progress bars, volume controls, time stamps; the works.
CwCrop provides you with an easy to use interface for allowing users to crop photos live online.
A nice, clean, Apple style scroll bar.
Great looking progress bars with optional animations and finish events.
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!
A basic color palette that can be shown inline or as a pop up menu on click.
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.
This one does the same thing as the last one, only it monitors whether or not the draggable item is touching the other items.
TableSorter helps you build tables with column headers that can be clicked to sort the items within the table by that criteria.
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.
- 40 Awesome MooTools Plugins You Need to Check Out
- 40 Awesome jQuery Plugins You Need to Check Out