Tuesday, November 2, 2010

10 Stunning JavaScript Animation Frameworks

JavaScript always a favorite programming language within web designer’s community. It has a wide range of dynamic functions. It’s become the language for animation. In this article we are going to share some informative resources of JavaScript Frameworks that you can use for animation developing.

Are you looking to contribute to our design community?

Suggest a link

to a relevant article, or submit your own! You will help push the design community to much higher levels.


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. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.


Pixastic is also an experimental online photo editor that incorporates some of the same techniques used in the library to create an image manipulation application. Most of the effects found in the library can be seen in action here, as well as other simple editing features.


moo.fx2 Introduces a lot of new stuff: beginning with Fx.Style, to modify any chosen CSS property, then Fx.Styles, to modify any number of CSS properties at once. Those two are the most powerful effects, and if you’re hardcore enough, the ones you’ll ever need. They are infact included in the basic package, moo.fx.js.


With Glimmer, easily create interactive experiences like rotating photo-galleries/mastheads,drop-down navigation, hover effects, or custom animations.

The Burst Engine

Here is a quick example of character animation using JavaScript and HTML5 technology. There is no Flash running on this page. This kind of task would normally be handed to Flash, but the browser is perfectly capable of handling these things natively.


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


Scripty2 is a powerful, flexible JaveSript framework to help you write your own delicious visual effects and user interfaces.


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

Raphaël—JavaScript Library

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.


$fx() is a tiny, self-contained Javascript library for animating HTML elements. It doesn’t require any other library to function and [should] play well with any other libraries you are using (Prototype, JQuery, Moo tools, etc.). $fx() allows you to alter any CSS property along a timeline, allowing animated effects to play in succession — i.e. in the order you want them to. It handles all of the headaches of timer controls and makes it easy to animate anything from simple, subtle animations to more elaborate animations.

via http://goo.gl/tnId

No comments:


Blog Widget by LinkWithin