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

Relates:
- Top 10 JavaScript Frameworks by Google, Yahoo, Bing
- MooTools: a Compact JavaScript Framework
- 10 Tiptop Animations with JavaScript Framework

JavaScript is the one of the most utilized and popular programming language, because a large majority of the browsers are compatible with it. In addition, JavaScript has become very popular, very quickly, because it is uncomplicated, straightforward, and has a wide-range of capabilities. Flash, on the other hand, requires the installation of Flash player, it is not compatible with all browers, and has problems with accessibility, though Flash allows for great animation. However, many developers, myself included, prefer using JavaScript to make animations because JavaScript is light weight and even if it is disabled the content will remain accessibile. Here are some examples of Javascript animation frameworks that are really worth checking out! Enjoy!

Animator.js

It's a general purpose library for creating animated transitions between two states. It's small, flexible, and allows you to use CSS as a language to define the animation states.

Burst Engine

The Burst Engine is an OpenSource vector animation engine for the HTML5 Canvas Element. Burst provides similar web functionality to Flash and contains a layer based animation system like After Effects. Burst uses a very light-weight JavaScript frame, meaning your animations will download un-noticeably quick and can be controlled using very simple JavaScript methods.

Canvas 3D

The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work.

Facebook Animation Library

FBJS exposes a powerful animation library which gives developers an easy way to improve their user interface with a line of code or two. All animations are CSS based, so a working knowledge of CSS will really help you out here. An open-source version of FBJS Animation that will work on pages outside of Facebook.

$fx()

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.)

Glimmer

Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer's wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.

• 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