10 Super JavaScript Animation Frameworks

Sam Deering

JavaScript allows you to do a wide range of animations and effects that would otherwise be very hard to achieve with minimal overheads. Below is a list of JavaScript animation frameworks that will allow you to rapidly develop animations with ease. Have fun!

Related Posts:

1. Raphaël

Is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.


Raphaël

Source + Demo

2. Processing.js

Is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses JavaScript to draw shapes and manipulate images on the HTML5 Canvas element.


Processing.js

Source + Demo

3. script.aculo.us

Provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.


script.aculo.us

Source
Demo

4. Pixastic

Is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.


Pixastic

Source
Demo

5. moo.fx

Is a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework.


moo.fx

Source + Demo

6. scripty2

Is a powerful, flexible JavaScript framework to help you write your own delicious visual effects & user interfaces. scripty2 is divided into three parts, core, fx, and ui, and supports IE6+, Safari 3+, Firefox 3+, Chrome, Opera 10 and most WebKit-based browsers.


scripty2

Source
Demo

7. jsAnim

Is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just less than 25 kilobytes, jsAnim packs a lot of punch for such a little application.


jsAnim

Source + Demo

8. The Canvas 3D JS Libary (C3DL)

Is a JavaScript library that will make it easier to write 3D applications using canvas 3d.


The Canvas 3D JS Libary (C3DL)

Source
Demo

9. GX

Is a full-featured, cross-browser, super-tiny (10kb uncompressed) JavaScript Animations Framework. Using GX you can create complex animations working with every w3c CSS property.


GX

Source
Demo

10. Scriptio

Is an open source framework for presenting animations and educational content in a rich online experience. Featuring an easy-to-learn scripting language for fast prototyping and production-quality development, Scriptio is designed for rich Web 2.0 applications.


Scriptio

Source
Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.