+ Close

A simple but powerful JavaScript library for tweening and animating HTML5 and JavaScript properties. Works stand-alone or integrated with EaselJS.

TweenJS in action

Can't see the demo? These files are optimized to a 960x400 resolution, try turning your device to landscape.

For more examples with editable code,

TweenJS is a simple tweening library for use in JavaScript. It was developed to integrate well with the EaselJS library, but is not dependent on or specific to it. It supports tweening of both numeric object properties & CSS style properties. The API is simple but very powerful, making it easy to create complex tweens by chaining commands.

  • Apply Easing and Delays
  • Numeric or Non-Numeric
  • Sequences Multiple Tweens
  • Supports CSS Properties
  • Simple and Powerful API

Recent Updates

December 2014
  • Version 0.6.0 released.
November 2014
  • EaselJS Ticker class included in TweenJS
  • New class model, with big performance increases.

Latest From Github

Updated documentation styles

View Commit
Updated VERSIONS.txt

View Commit
Ion Drift

b10b

A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries.

Platypus Game Engine

Gopherwood Studios

PBS Kids

An open source game engine built with CreateJS. Check out the first game, Wild Kratts Monkey Mayhem.

Wefail.com

Wefail

Relaunching their iconic site in HTML5, Wefail is able to unleash their unique style once again to unsuspecting masses.

The Odd Couples

Andy Foulds

Blend famous faces into strange creatures, drag them around and send your creations to friends. FWA Site of the day for June 03 2013.

Atari Arcade

gskinner.com

To commemorate Atari's 40th anniversary and the launch of Microsoft Windows 8 and Internet Explorer 10, CreateJS and gskinner.com reinvent the history of electronic games. Atari Arcade Developer Center

Match King

Jelly Button Games

Match King is a fun HTML5 sorting game that integrates facebook connectivity.

Mamzelle FITC 2012

mamzelle

An awesome submission for Women at FITC, built using EaselJS and TweenJS

A Good Day Starts Here

IKEA

A Good Day Starts here celebrates the ordinary - morning rituals we all recognize and relate to every single day. The interactive film is part of a larger integrated campaign online and on television.

Activation NodePlus Lab

ACNPL

ACNPL is a playground for amazing canvas and WebGL experiments.

Interactive Story Summary

BioWare

The Dragon Age Keep helps players form their own world states for Dragon Age: Inquisition. The ISS is an cinematic summary of the player's story, narrated by Brian Bloom, who voices Varric in the Dragon Age series.

>