With the effects about animation, motion on the web pages, we'll have to spend a lot of effort and time to create from the first. However, with the stronger support from the JavaScript frameworks, we will spend less than. This JavaScript article shows you a list of 17 JavaScript frameworks that they are built mainly for animations.

If you're still interested in the JavaScript frameworks, you can see more about:
- Top 10 JavaScript Frameworks by Google, Yahoo, Bing
- MooTools: a Compact JavaScript Framework
- 10 Tiptop Animations with JavaScript Framework

• Demo
• Enlarge
• Reload
• New window

Raphael

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 uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël's goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

script.aculo.us

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

Scriptio.us

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.

Scripty2

scripty2 is a powerful, flexible JavaScript framework to help you write your own delicious visual effects & user interfaces

xAnimation

Using xAnimation is easy. Create an xAnimation object and call one of the animation methods. You can then use the pause/resume methods. The init/run methods and the xAnimation properties are documented here to help you write your own animation methods. xAnimation provides an animation "engine" which supports up to three axes of animation, multiple acceleration types and an onEnd handler. The onEnd handler can return true to cause the animation to repeat. It supports a bounce-back feature. Acceleration is implemented as an array of functions so it is easy to add custom acceleration types.

• Code
• Print

• Comment (0)
• Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New