#157 · Primary category: Video & Animation

tween.js

animation easing easing-curves easing-equations easing-functions interaction interactive javascript tween tweenjs typescript

JavaScript/TypeScript animation engine

Project last updated:01/11/25

GitHub Stars

10.1K

Forks

1.4K

Contributors

91

License

Other

Why we included this project

tween.js is a small JavaScript and TypeScript library that animates numeric properties on any object, moving them from one value to another over a set duration. It includes a solid set of Robert Penner easing equations and accepts custom easing functions, so you can tune the feel of the motion. The library deliberately does not run its own animation loop, so you drive updates yourself from requestAnimationFrame, a game engine, or whatever update cycle your project already has. It also leaves CSS units and color interpolation alone, which means you keep control over how the animated values get applied. For UI motion, canvas and SVG effects, or lightweight character and camera movement in the browser, it is a dependable, single-purpose building block.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category