Easying.js

Multiple synchronous animations

Use the helper functions to combine tweens into animations.

Animate anything with callbacks

Pass in a callback function instead of an element to access animated values.
From there you can animate anything; such as an svg path.

Layer & Chain

Create complex animations with a rich selection of eases from Rob Penner's equations.
Back, Quad, Expo, Quart and more.

Animate easily

Easily stagger animations with the Stagger() helper; Or use one of the several helper functions to build complex animations

• Stagger()
• Synchronised()
• Consecutive()
• Loop()

Promise based

Take full control of when to execute each tween by chaining them with .then() or awaiting them in an async function to create complex animations.