Anime.js

animejs.com reached 1M visitors in 2025!

2025 was an incredible year for Anime.js. Thank you to all the users and to all my sponsors, big and small, for making Anime.js possible!

Examples: codepen.io/collection/y...
Docs: animejs.com/documentatio...
Release notes: github.com/juliangarnie...

Introducing Auto Layout in Anime.js v4.3!

- Animate display flex / grid / none, etc.
- Enter / Leave animations
- Animate DOM position changes
- Interruptible animations
- Staggered children animations
- Supports any easing functions
- Dead simple API

Links below ⬇︎

The Anime.js website is nominated for Site of the Year on Awwwards!
If you'd like to support the project, a quick vote would help a lot: www.awwwards.com/annual-award...
Thank you!

Release v4.2.1 · juliangarnier/anime New features SVG createMotionPath(): Add an offset parameter (#1037) (@TheHyrox) Draggable createDraggable(): Add a dragThreshold parameter (#1091) (@craig-jennings) Changes Timer, Animati...

Release notes: github.com/juliangarnie...
Docs: animejs.com/documentation/

Anime.js 4.2.1 is out with a bunch of small fixes and new features:

🐍 Motion Path: Add an offset parameter
👇 Draggable: Add a drag threshold parameter for mouse and touch
✏️ Documentation: You can now export and edit the 450 example demos on
@codepen.io
in one click!

I forgot to mention that every easing can also be used in pure CSS, no JS required, including the spring curves!

Easing editor Visualize, configure and generate JavaScript and CSS spring and easing functions with the official Anime.js Easing Editor

Easing editor: animejs.com/easing-editor/
Release notes: github.com/juliangarnie...

I'm particularly happy with the new spring system, big thanks to Kevin Grajeda for digging up the SwiftUI equations for converting bounce and perceptual duration 🙏, that helped a lot www.kvin.me/posts/effort...

Anime.js 4.2.0 is out!

🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!

Plus tons of fixes and improvements!

Anime.js 4.1.3 was just released with lots of small bug fixes. I'm particularly happy with the improved tween composition accuracy. Handling multiple overlapping animations on the same target is much more complex than you'd expect.

Release notes: github.com/juliangarnie...

Moar splits codepen.io/juliangarnie...

Release notes: github.com/juliangarnie...
@codepen.io examples: codepen.io/collection/P...

Introducing text.split(), Anime.js's take on text splitting:

- Split words in any language (🇨🇳, 🇯🇵...)
- Responsive line splitting
- Clone and wrap elements
- Custom HTML template
- Easy animation management
- Debug mode

And much more!

Check out the new docs animejs.com/documentatio...

Coming soon

Over 1 million monthly page views! Traffic has surged since v4's release, and I've just expanded Platinum sponsor visibility to every documentation page. If your company or agency is looking for great exposure, it's never been a better time to sponsor Anime.js → github.com/sponsors/jul...

Awwwards Nominees The eight highest-scoring sites each month are nominated for “Site of the Month” and reviewed by the jury a second time

Anime.js website is nominated for website of the month on awwwards! Your vote can greatly help the project to gain recognition, thanks for your support! www.awwwards.com/awards-of-th...

It's decided, I'm making a course!

I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.

Join the waitlist here: animejs.com/learn/

Thank you! ❤️🙏

Thanks! Yes, lots of iterations, but really happy with the result!

Migration guide + release notes for v4.

The release notes simply list the new API features and biggest changes, with links to the docs for each section.

Migrating from v3 to v4: github.com/juliangarnie...

v4 release notes:
github.com/juliangarnie...

👌

More performant than other anim libraries out there! It beats Motion in 99% cases, WAAPI in lots of cases yet Julian added an api layer to facilitate its usage, and toes to toes with gsap - outperforming it in many cases like interacting with other libraries like three.js 🔥🔥

Thank you ❤️

Documentation An fast and versatile JavaScript animation library

And the new docs! animejs.com/documentation/

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

Anime.js v4 will be released next week, and there's never been a better time to become a sponsor. Major releases drive huge traffic spikes, so if you want to promote your product or company during v4 launch and new landing page unveiling, check out my GitHub sponsor page!

github.com/sponsors/jul...

🙏

Just released Anime.js v4.0.0 RC 1 for my GitHub sponsors!
Mainly small fixes and improvements for the Draggable API, such as the possibility to scroll inside a draggable element on touch devices.

Public v4.0.0 coming soon.

Happy new year everyone!

Anime.js Beta 106 is out and completes the `animate()` and `waapi.animate()` APIs!
Really happy with the amount of features packed in only 10KB and 3KB respectively!

Available in early access to all my monthly GitHub sponsors! github.com/sponsors/jul... ❤️

Next up: v4.

Anime.js v4 beta 105 is out with improvements to the new WAAPI-powered `animate()` method!

This spring animation runs entirely with the native WAAPI and can be written with just a few lines of code.

Available in early access to all my monthly GitHub sponsors github.com/sponsors/jul...!