12 Super JavaScript Animation Frameworks

Interactive Online > Blog  > Web Design  > 12 Super JavaScript Animation Frameworks

12 Super JavaScript Animation Frameworks

JavaScript is a powerful, flexible, and popular programming language for the web. It allows you to do a wide array of dynamic functions that would otherwise be much harder or inconvenient to create. Because of how straightforward JS is, it’s even become the language of choice for animation when compared to Flash.
Below we’ve put together […]


JavaScript is a powerful, flexible, and popular programming language for the web. It allows you to do a wide array of dynamic functions that would otherwise be much harder or inconvenient to create. Because of how straightforward JS is, it’s even become the language of choice for animation when compared to Flash.

Below we’ve put together an informative list of JavaScript Frameworks that will allow you to rapidly develop animations with ease.

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.

Demo

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

Demo

Facebook Animation Library

Facebook Animation Library 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 is available here.

jsAnim

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.

Demo

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.

Demo

scripty2

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.

Demo

moo.fx

moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework. It’s very easy to use, blazing fast, cross-browser, standards compliant, provides controls to modify any CSS property of any HTML element, including colors, with builtin checks that won’t let a user break the effect with multiple, crazy clicks.

Animator.js

Animator.js is a lightweight class-based library of JavaScript animation effects. Animator allows you to create a variety of quality animations for different aspects of your projects.

Pixastic

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.

Demo

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.

Demo

Processing.js

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.

Raphaël

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.

(read full article on source site)
Free Website for Your Dental Practice
See why our dental practice websites exceed the features & value of your typcial dentist website.
  • No cookie-cutter websites
  • No duplicate content
  • Custom built with a unique look and feel
  • Unique content written by professional writers
  • Set yourself apart from other dentists
  • The key to your online success!
* we never share your e-mail with third parties.