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 ā¬ļø
It wasn't deep. It didn't have much to say. But Xiao Xiao inspired millions to try Flash animation for themselves.
A Beijing artist made this series -- and turned stick fights into a phenomenon. We're exploring why and how he did it:
animationobsessive.substack.com/p/when-stick...
Video
Video
Thanks, everyone!
Moar splits codepen.io/juliangarnie...
I tried to make sure all of the different templates are rendered correctly once imported to @codepen.io , but haven't manually checked all of the 450+ demos, so let me know if you notice an issue with one particular example! š
For all of the spring curve enthusiasts out there
Layout docs
Anime.js
Video
Animation Obsessive
Video
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 ā¬ļø
Video
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!
Anime.js
Video
Julian Garnier
Julian Garnier
Julian Garnier
Julian Garnier
Julian Garnier
Anime.js
Every vote counts!
š
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!
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...
Video
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...
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!