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.


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.


Source + Demo


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


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.



5. moo.fx

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


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.



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.


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)


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.



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.



Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.