Keeping aside the pros and cons of creating animations with JavaScript, there are a number of powerful JavaScript libraries available online that can render flawless presentation. Some of those are complex and require tweaking, some over-simplified and some of JavaScript animation libraries are suitable for short animations only. Timeline.js, however, gives a a nice framework for [...]

Mashi JavaScript Timeline Toolkit is an open source Javascript toolkit that brings timeline-driven animation and interaction capabilities to your web site. Animation Toolkit Features HTML5 Canvas supported No web server or browser plug-ins required Easily Extendable via Plugins Enables to get elements from external (valid) HTML or XML files Compatibility: All modern browsers Website: http://mashi.tv Examples: [...]

O3D is an open source 3D web API to create rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics.

GX is an Open Source Javascript Animation Framework to create complex animations with every W3C CSS property. GX is based on jQuery, the popular Javascript Library. This is full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Features Animation support for every CSS property Easing Equations support (with GX.transitions.js) Multi-unit animations & relative animations Easily Customizable [...]

jQuery Spy Effect scrolls the list in a beautiful way, very attractive style and effect. In a follow up tutorial It’ll show you how to hook this in to an Ajax hit that doesn’t hammer your server and keeps the effect nice and smooth. View Tutorial View Demo

Get animated menu effect using jQuery. A simple and small script that does the trick. Cool effect for your website, or application using jQuery. The jQuery Javascript $(document).ready(function() { $(‘a.nudge’).hover(function() { //mouse in $(this).animate({ paddingLeft: ’20px’ }, 400); }, function() { //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); View Demo

The Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. It has nice curl effect and that curl could be manual or automatic in its behavior. You can easily customize this plugin. Website: http://www.elliottkember.com/sexy_curls.html

Using jQuery and a plugin to help with animating background /examples/images, we are able to make a sliding “Garage Door” style menu. The menu code is purely semantic. The UL provides the “background”, the list items provide the “shutters” and the links themselves are the “windows”. View Demo Download Files

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 [...]

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 [...]