Anime.js
@animejs.com
JavaScript Animation Engine → animejs.com
Support the project → https://github.com/sponsors/juliangarnier
Made by → @julian.gr
Support the project → https://github.com/sponsors/juliangarnier
Made by → @julian.gr
Pinned
Anime.js
@animejs.com
· Apr 3
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!
🧩 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 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!
🐍 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!
October 7, 2025 at 8:59 AM
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!
🐍 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!
October 2, 2025 at 1:56 PM
I forgot to mention that every easing can also be used in pure CSS, no JS required, including the spring curves!
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!
🧩 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!
September 29, 2025 at 5:42 PM
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!
🧩 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...
August 12, 2025 at 1:07 PM
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...
Reposted by Anime.js
Moar splits codepen.io/juliangarnie...
July 25, 2025 at 4:40 PM
Moar splits codepen.io/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...
- 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...
July 24, 2025 at 9:56 PM
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...
- 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...
July 7, 2025 at 12:18 PM
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...
Reposted by Anime.js
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
www.awwwards.com
June 3, 2025 at 12:18 PM
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...
Reposted by Anime.js
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! ❤️🙏
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! ❤️🙏
April 10, 2025 at 2:20 PM
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! ❤️🙏
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...
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...
April 7, 2025 at 2:58 PM
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...
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...
Reposted by Anime.js
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 🔥🔥
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!
🧩 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!
April 3, 2025 at 3:41 PM
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 🔥🔥
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!
🧩 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!
April 3, 2025 at 3:32 PM
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!
🧩 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...
github.com/sponsors/jul...
March 28, 2025 at 6:21 PM
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...
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!
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!
January 3, 2025 at 6:33 PM
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!
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.
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.
December 19, 2024 at 8:39 PM
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.
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...!
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...!
November 29, 2024 at 6:16 PM
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...!
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...
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...
November 27, 2024 at 6:16 PM
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...
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:
This release improves and completes the playback API redesign and makes it easier to synchronize nested timelines:
November 21, 2024 at 3:10 PM
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:
This release improves and completes the playback API redesign and makes it easier to synchronize nested timelines:
Reposted by Anime.js
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! 🙏
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! 🙏
October 30, 2024 at 1:13 PM
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! 🙏
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! 🙏
Reposted by Anime.js
Anime.js just crossed 50K stars on GitHub!!
Thank you everyone! 🙌
Thank you everyone! 🙌
November 8, 2024 at 5:15 PM
Anime.js just crossed 50K stars on GitHub!!
Thank you everyone! 🙌
Thank you everyone! 🙌