Anime.js is 10 years old! 🎂🎉 A short thread about the current state of the lib, an update on the course, a few personal things, and a glimpse of what's next (hint in the video). 1/22 👇🧵
Anime.js
@animejs.com
JavaScript Animation Engine → animejs.com Support the project → https://github.com/sponsors/juliangarnier Made by → @julian.gr
Anime.js 4.5 is out and it's a fun one: Introducing the @threejs adapter 🎉 - Up to 50% less code for 3D animations - CSS transform-like API for 3D objects (rotate, skew…) - Simpler material color animations - Easy instanced mesh animations - Stagger 3D And so much more! ⬇︎
Anime.js 4.4 is out with CSS transforms and Stagger improvements, plus a new scrambleText() helper to easily create complex text scramble effects! Docs: animejs.com/documentatio... Release notes: github.com/juliangarnie... Examples: codepen.io/collection/P...
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!
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!
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!
Anime.js@animejs.com · 10mo agoAnime.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.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...
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...
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...
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...
Awwwards Nominees
The eight highest-scoring sites each month are nominated for “Site of the Month” and reviewed by the jury a second time
awwwards.com
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! ❤️🙏
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 🔥🔥
Anime.js@animejs.com · last yr.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!
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:
Today I'm making a big move, I'm pausing freelancing to focus 100% on v4! The amazing feedback and contributions from my sponsors have kept me motivated to work on the project. If you want to support a 100% open source JS animation library, now is the perfect time to join in! 🙏