WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling, a simple example would be A Family Tree.

It was inspired by Yahoo Pipes and is used by Tarpipe. It uses the YUI library (2.6.0) for DOM and events manipulation, and excanvas for IE support of the canvas tag.

It currently supports Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ and Chrome 0.2.x.

Requirements: YUI Library 2.6.0+, excanvas

Website: http://javascript.neyric.com/wireit/

Demo: Example 1 – Example 2

$fx() is a lightweight javascript animation library for your interactive needs. You will be WOW! to know that its only 3.7 KB.

Features:

• Extends DOM elements by adding animation methods
• Facilitates CSS properties
• Supports parallel effects and effects chains

If you are looking for just animation then $sfx() is doing his job very efficiently but it cannot be the alternative the other javascript frameworks.

Website: http://fx.inetcat.com/

Demo: http://fx.inetcat.com/manuals.php#b3

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

You can use images, text, video and all kind of media with this.

Website: http://malsup.com/jquery/cycle/

jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.

With a maximum of 2 clicks, a user can fill the form & there is also a keyboard navigation support too.

The picker is touch device friendly and degrade gracefully.

Website and Demo: http://haineault.com/media/jquery/ui-timepickr/page/#s-intro

Jeditable is a jQuery plugin to make changes in the browser right away. Just hit the right nerve and you are done!

Normal flow is this, User clicks text on web page… Block of text becomes a form. User edits contents and presses submit button… New text is sent to webserver and saved… Form becomes normal text again.

Website: http://www.appelsiini.net/projects/jeditable

Demo: http://www.appelsiini.net/projects/jeditable/default.html

Javascript Crossfader is nice script to fade between different divs. It fades in and out using different slides you provide to Crossfader. Crossfader has a very smooth animation effect.

The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in milliseconds), and the delay between fades (also in milliseconds).

Crossfader Demo

Download Crossfader

MochiKit is a highly documented and well tested, suite of JavaScript libraries that will help you get shit done, fast. We took all the good ideas we could find from our Python, Objective-C, etc. experience and adapted it to the crazy world of JavaScript.

This plugin is an inline content editor to allow editing rich HTML content on the fly. It’s a simpler version of WYMeditor with much less features. With a small file size less than 17Kb 26Kb total and only 9Kb 18Kb of code and 7Kb packed, the main concept is to keep it simple, not all users need font coloring or create tables, just the basic.

Website and Demo: http://projects.bundleweb.com.ar/jWYSIWYG/

PrototypeXtensions is a JavaScript library based on the frameworks Prototype.js and Script.aculo.us. The objective of this library is to provide an extension “low level” composed of useful methods and basic components, and components “high level”, more dedicated to the user interface.

Currently, it has 3 components:

• Core extension: class, cookie, event management & time calculations.
• History: easy “set/get” parameter on hash of URL, observe the hash of URL & more.
• Tabs: show / hide, select, Ajax / iframe.

Website: http://www.prototypextensions.com

JSValidate is a form validator that utilizes aspects of prototype and scriptaculous to bring you a simple to execute, non-intrusive javascript form validator.

It validates:

• Numbers
• Letters
• Required fields
• E-mail Address
• Credit card number format
• US zip code, phone number & state codes

Website: http://www.jsvalidate.com/

Demo: http://www.jsvalidate.com/demo/