Displaying 1 to 20 from 23 results

TweenJS - A simple but powerful tweening / animation library for Javascript

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 (though it uses the same Ticker and Event classes by default). 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.

morpheus - A Brilliant Animator

A Brilliant Animator. Morpheus lets you "tween anything" in parallel on multiple elements; from colors to integers of any unit (px, em, %, etc), with easing transitions and bezier curves, including CSS3 transforms (roate, scale, skew, & translate) -- all in a single high-performant loop utilizing the CPU-friendly requestAnimationFrame standard.

Easing Library For Lua

Easing For Lua is a Library which brings easing effects to let you create realistic animations using Lua Programming Langage


agTweener provides a toolkit for Silverlight designers and developers to achieve animation and transition effects similar to toolkits currently available for Flash/Flex developers by defining transition effects in .NET code and applying these effects to any FrameworkElement. ...

timeliner - simple javascript timeline library for animation and prototyping

Timeliner is a graphical graphical tool to help create and prototype animations quickly. It is useful for adjusting variables and checking out how the effects changes over time with keyframing and easing/tweening functions. It may also have some similarities with the timeline component of adobe flash, after effects, edge animate or other animation software. It is written in javascript and meant to work with different javascript libraries or webgl frameworks, in 1d, 2d, or 3d. It is built primary for myself, but feel free to send me suggestions or requests.

react-native-conductor - Orchestrate animations across components in one place

Not a new animation syntax, but a way to organize your code to make Animated easier to work with. Animation code is condensed into a wrapper component that feeds Animated styles to its children. I wrote this to address the fact that Animated code can get bulky and difficult to coordinate between subcomponents.


A jQuery plugin that gradually tweens one numeric value to another and displays it in the specified DOM element.

eases - a grab-bag of modular easing equations

This is a grab-bag of Robert Penner's easing equations, most of the code from glsl-easings. Pull requests for optimizations are welcome.Each easing has its own file which can be required individually. The entry point also exports all eases with camelCase, so require('eases/expo-in-out') becomes require('eases').expoInOut.

keytime - [EXPERIMENT] keyframe animation tools

Modular keyframe-based animation tools. Currently at a work-in-progress/proof-of-concept stage.This does not implement its own loop or play(), pause() methods. It simply allows the developer to retrieve interpolated values at an arbitrary time stamp (which may be in seconds, milliseconds, centuries, or whatever).

mat4-decompose - decomposes a 3D matrix

Decomposes a 3D matrix, useful for animations. Code ported from W3 CSS Spec. PRs for more tests/robustness/optimizations welcome.You may also be interested in mat4-interpolate, mat4-recompose, and css-mat4.

tween-ticker - a generic tween ticker engine

A generic low-level ticker for tweening engines. Stacks tweens and then, on each tick, steps through them to update them to their interpolated (and eased) values.Does not assume any standard set of eases, and uses linear (i.e. no ease) by default.

tweenr - minimal tweening engine

Minimal tweening engine which operates on numbers and arrays.I love the simplicity of GreenSock's animation tools, but I don't agree with some of their practices (i.e. polluting tweened objects with variables) and find myself only using a tiny fraction of their entire codebase.

svg-morph - morph animation between two svg path arrays

then load index.html in a browser.Create a new morph animation svg that morphs between the point arrays a and b. Each element in a and b is of the form [x,y].

actuate - Actuate is a flexible, fast "tween" library

To include Actuate in an OpenFL project, add <haxelib name="actuate" /> to your project.xml.

RAnimation - An animation library for React.

An animation library made for React. While trying to recreate a currently native Android and IPhone app as a hybrid app (using React), I came to the point where everything was unacceptably slow. React's diffing algorithm might be fast enough for many "normal" things, but it's definitely too slow for doing animations (especially on mobile).

ease - Easing functions for canvas etc

These easing functions were originally written by Robert Penner, and optimized by the tween.js authors. Copyright (c) 2010-2012 Tween.js authors.

tween - Motion tween engine using "ease"

Motion tween component using ease. Initialize a new Tween with obj.

tina.js - Tweening and INterpolations for Animation

A comprehensive, high performance, easy to use, open source animation library in JavaScript. Note: Do not hesitate to contribute by reporting issues or by submitting your own components and interpolations.

react-transition - React Component to perform transitions on prop changes

React.js component that will apply transitions on any prop change. Was created to be used on drawing SVG charts with D3, but can be used for anything. Check the live demo.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.