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!

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...

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...

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...!

Introducing `waapi.animate()` in beta 104:
Web Animations capabilities with the simplicity of Anime.js v4 API!

- Multi-target animations
- Advanced staggering
- Accepts any easing function
- Spring animations
- Scroll-linked animations
- Responsive animations
- And more!

github.com/sponsors/jul...

Anime.js v4 beta 103 is now available for monthly GitHub sponsors! 🎉
This release improves and completes the playback API redesign and makes it easier to synchronize nested timelines: