Ever wanted to add some AJAX effects to your site to create a great and interactive looking site. Here’s a list of 48 of the best Mootools scripts around there (e.g. image galleries, lightbox clones, tabbed contents, forms, menus, tables, date pickers…).

MochaUI

MochaUI is a web applications user interface library built on the Mootools JavaScript framework to develop great Web Applications, virtual desktop, modal windows, widget… Maybe the best mootools app I have seen so far. You should definitely check this one!
Mootools version: 1.2
Visit »

Mootools Ext Adapter

An attempt at creating a mootools adapter for the fantastic Ext library by Jack Slocum.
Mootools version: 1.2
Visit »

Milkbox

Another lightbox clone, but this time is written for Mootools 1.2.
Mootools version: 1.2

Visit »

NoobSlide

Nice and easy plugin for image slider. 8 slider samples in total.
Mootools version: 1.11 and 1.2
Visit »

(E)² Photo Gallery

(E)² Photo Gallery is a open source gallery. Designed to allow you to upload your photos to a desired folder, tell the (E)² Photo Gallery what folder to look at and it will automatically load the images using PHP.
Mootools version: 1.1
Visit »

Pathfusion : Slideshow

Slideshow with transition between images.
Mootools version: 1.11
Visit »

MooSlide

Can call several content sliders on one page.
Mootools version: 1.2
Visit »

SmoothGallery

This gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…
Mootools version: 1.2
Visit »

MooFlow

iTunes like image gallery. It is the script I chose to use to display my showcase on my homepage.
Mootools version: 1.2
Visit »

Viewer - mootools

Slideshow to display image galleries or page sections.
Mootools version: 1.2
Visit »

Slimbox

Slimbox is a 4kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework.
Mootools version: 1.2
Visit »

BarackSlideshow

An elegant, lightweight slideshow script based on Obama’s homepage slideshow.
Mootools version: 1.2
Visit »

SlideShow 2

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.
Mootools version: 1.2
Visit »

PathFusion : multibox

Another lightbox clone that supports images, flash, video, mp3s, html.
Mootools version: 1.2
Visit »

SqueezeBox - Expandable Lightbox

SqueezeBox is an unobtrusive LightBox inspired overlay, for modal boxed content on your site. It’s a snap to show images but just as easy to use HTML elements, Ajax requests, iFrames, SWF movies and more.
Mootools version: 1.2
Visit »

MediaBox

Using the MooTools javascript library, Mediabox lets you open flash, video, and html content in a floating “lightbox” style window.
Mootools version: 1.2
Visit »

Javascript Image Gallery Using Mootools (part 2)

HTML friendly Javascript image gallery using mootools.
Mootools version: 1.2
Visit »

Sliding Tabs

Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of the Panic Software’s Coda site.
Mootools version: 1.11
Visit »

Mootabs

MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it’s main purpose is to help out with the creation of simple tab navigation.
Mootools version: 1.1
Visit »

SimpleTabs - Unobtrusive Tabs + Ajax

Small, simple and unobtrusive Tab plugin for MooTools including support for Ajax content.
Mootools version: 1.2
Visit »

Custom Form Elements

Style custom form elements to enhance checkboxes, radiobuttons, fileupload, textinput, textarea, select, submit, reset, image.
Mootools version: 1.2
Visit »

FormCheck

Form validator. It will pop up a message when a field is left empty.
Mootools version: 1.2
Visit »

fValidator

fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.
Mootools version: 1.2
Visit »

ForMoo - Form Tools for Mootools

Another Form Validator.
Mootools version: ??
Visit »

MOOdalBox - an HTML Lightbox

A modal box (inline popup), used to display remote content loaded using AJAX, web 2.0 style, written for the mootools framework.
Mootools version: 1.2
Visit »

Javascript Fisheye Example

Impressive demo of Javascript Fisheye Menu for Mootools version 1.
Mootools version: 1.0
Visit »

FancyUpload - Swiff meets Ajax

Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar.
Mootools version: 1.11
Visit »

UI TESTS :: Drop Menu

A sweet drop down menu with two levels.
Mootools version: 1.2
Visit »

ddmenu

ddMenu is a simple MooTools-based script to create you’re own context menus.
Mootools version: 1.2
Visit »

Fancy Menu

The well known Fancy Menu from Devthought.
Mootools version: ???
Visit »

Mootools :: Drop Menu example

A drop down menu.
Mootools version: 1.0
Visit »

UvumiTools drop down menu

The UvumiTools Dropdown Menu is a very simple multi-level menu built from an HTML unorderd list.
Mootools version: 1.2
Visit »

Drop Down Menu

Another drop down menu.
Mootools version: ??
Visit »

MenuMatic - Drop Down Menu

MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system.
Mootools version: 1.2
Visit »

PathFusion : image menu

Horizontal menu, reveals more of the image as you rollover it.
Mootools version: 1.11
Visit »

Calendar (date picker)

Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Mootools version: 1.2
Visit »

Unobtrusive JavaScript date-picker widgit

Unobtrusive date-picker.
Mootools version: ??
Visit »

Another date picker

Date picker.
Mootools version: ??
Visit »

wysiwyg - mootools

WYSIWYG editor (What You See Is What You Get). The page is in Spanish.
Mootools version: 1.2
Visit »

Pathfusion - Sortable table

Sort and filter tables.
Mootools version: 1.11
Visit »

Mootable

Sortable tables created from standard tables.
Mootools version: ??
Visit »

Reflection.js

Add reflections to your images.
Mootools version: 1.2
Visit »

Autocompleter

This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.
Mootools version: 1.2
Visit »

Tipsx3

Add tooltips to your text or links.
Mootools version: 1.2
Visit »

Mootools Split Panes - Work in Progress

Split Panes.
Mootools version: ??
Visit »

iCarousel

iCarousel is an open source (free) javascript tool for creating carousel like widgets.
Mootools version: 1.1
Visit »

MooSocialize

Ajax based social network bookmark widget.
Mootools version: 1.2
Visit »

Pathfusion : Rounded Corner

Creates rounded corners on divs.
Mootools version: 1.11
Visit »

Read More!

Javascript in Modern Web Design

In today’s web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don’t need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don’t forget to check out the sample sites, which show how the plugins can be used.

The Two Popular Javascript Frameworks

Right now, the two commonly used Javascript frameworks are: jQuery and MooTools. Check out the poll below:

Read More!

16+ Top JavaScript/Ajax Effects for Modern Web Design

These days, I’m designing a new Wordpress theme for aComment. new logo, new design, more features and a better dress!The coding of the theme is nearly finished and just some minor details should be added.

Okay, this post is related to JavaScript and its friends!
Currently there are a lot of JS scripts available for web developers. But all of them are not handy in the modern web design. Nowadays, web designers use some special effects more and more in their projects because those effects give usability and practicality as well as elegance to their projects.

In this list, I’ve selected some of the most common in use JavaScript effects for modern web design.


1- Easiest Tooltip and Image Preview Using jQuery - A clean and easy to use jQuery tooltip & image preview script

2- jQuery idTabs - These days using tabs in Wordpress themes and websites is common. iTabs is a plugins for jQuery that makes adding tabs to a website really simple.

3- Coda-Slider - A jQuery plugins for tabs with sliding animation

4- prettyPhoto a jQuery lightbox clone - A very beautiful lightbox for images with next/previous buttons, caption and preload animation for both single images and galleries.

5- Glass Box - GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects. The GlassBox library ..

6- SimpleModal Dialog Box - it comes with 3 example, basic dialog box, contact form and confirm override.

7- CSS Text Gradient - “Text Gradient is a simple css trick that allows you to improve your site’s appearance by putting gradients on system font titles using nothing but css and a png image.”

8- Simple Javascript Accordions - is a very small JS accordion script which is really handy in today’s web projects.

9- Custom JavaScript Dialog Boxes - “The script currently offers four dialog styles: alerts, warnings, prompts and success. There is nothing to add to your page except references to the JavaScript and CSS if you choose not to incorporate them in your existing files.”

10- Dynamic JavaScript Form Validation - It’s clear:)

11- jQuery Lightbox Plugin (balupton edition) - another jQuery lightbox plugins with only 15KB size

12- AutoCompleter - This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.

13- Top Floating message box using jQuery - This effect will be useful for advertising, hot news, etc

14- Easy AJAX inline text edit 2.0 - an easy to integrate inline text edit script. No JavaScript knowledge needed, just follow the five steps for integration.

15- Create site tours with Amberjack - Amberjack is a lightweight Open Source library, enabling webmasters to create cool site tours.

16- Accordion Menu script - It became really easy to make accordion menu using this script.

17- Create a Slick Tabbed Content Area using CSS & jQuery - Finally, this tutorial from NETTUTS demonstrates how to create a slick tabbed content area for your themes. You see tabbed content boxes in a lot of websites these days specially in Wordpress themes.

Read More!