Julian Garnier

Julian Garnier

@julian.gr

Making → @animejs.com Support the project → https://github.com/sponsors/juliangarnier

1K followers71 following75 posts

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 👇🧵

View full thread

I'm very excited about the future of the project, and I can't wait to share all the things I've been working on. Thank you ❤️ 22/22

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 👇🧵

View full thread

This has made me rethink the model for V5, and I'll have to gate some features behind a paid plan, which will be included with the course, to hopefully make the project sustainable and let me keep working on it for an extra 10 years. 19/22

I want to say thank you to everyone who used the library, contributed, gave feedback, and helped me financially throughout all these years. This is what pushes me to continue working on the lib. 20/22

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 👇🧵

View full thread

So the plan for the immediate future is to ship this new version along with the editor and coding agent tools, then quickly start releasing the lessons one by one, taking full advantage of everything that's now possible in the upcoming V5. 17/22

I also want to mention that I lost 95% of my funding in the past few months. All corporate sponsors cancelled one after the other since the start of 2026, and I only have 64 individual sponsors left. 18/22

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 👇🧵

View full thread

These are all the reasons why, instead of rushing a course out, I preferred to focus on evolving the library to better fit how web developers work today, and to innovate on how we craft animations on the web in ways I don't think have been seen before. 16/22

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 👇🧵

View full thread

Some of them are already out: - the easing visualizer - the Text API - the Layout API - the @threejs adapter And the biggest new feature that isn't public yet: a complete editor for Anime.js animations (re-watch the main post video if you missed it). 13/22

While working on these features I also watched the rise of coding agents and LLMs, which quickly went from barely useful to actually good at web development. 14/22

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 👇🧵

View full thread

I've only felt relatively "normal" since February 2026. So as you can imagine, I couldn't work on the course as much as I wanted to. 11/22

I didn't completely stop working during that time though. The treatment let me focus again in short intervals, so I decided to finish all the little things I wanted for the course before actually building it. 12/22

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 👇🧵

View full thread

It had a massive impact on my health and my capacity to do anything: total brain fog, inability to focus, and a constant pulsing pain behind my right eye. 9/22

Thankfully this type of tumor can be treated without surgery, and I started taking meds for it in July 2025, but it took another 6 months to fully stabilize. 10/22

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 👇🧵

View full thread

But my plan got put on hold. The symptoms I'd started having in 2024 never really went away and kept growing over time. I was pretty sure it was just exhaustion from the crunch leading up to the V4 release, but I decided to see a doctor and run some tests just to be sure. 7/22

A couple of weeks after I announced the course, I got diagnosed with a brain tumor. Not a deadly one, but a really annoying one to say the least. 8/22

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 👇🧵

View full thread

I started a paid early access for V4, and it's been relatively successful as far as GitHub sponsors go. At some point I had around 150 monthly sponsors, mostly individuals but also a few companies. 5/22

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 👇🧵

View full thread

In 2024 I started feeling burned out with client work, so I decided to pause freelancing and focus 100% on the upcoming V4 of Anime.js. 4/22

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 👇🧵

10 years ago I open sourced a little JS animation library that I'd been using in some of my client work and personal projects. Anime.js received more than 6000 stars in its first week and ended up among the top open source launches on GitHub in 2016, github.blog/open-source/... 2/22

github.blogTop open source launches on GitHubThe open source community on GitHub has released some of the world’s most influential technologies. Earlier this month, a new dependency manager for JavaScript called Yarn was launched and hit…

🧊

Anime.js@animejs.com

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@animejs.com

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

Thanks, everyone!

Anime.js@animejs.com

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!

Layout docs

Anime.js@animejs.com

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 ⬇︎

Julian Garnier reposted

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 ⬇︎

Every vote counts!

Anime.js@animejs.com

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!

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

Anime.js@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!

For all of the spring curve enthusiasts out there

Anime.js@animejs.com

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@animejs.com

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

🖖

Anime.js@animejs.com

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

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! ❤️🙏

The signup form seems to be broken for some people. If you can't subscribe, you can send me a DM with your email address, and I'll add you to the list manually.

I cannot be happier with the feedback on v4. Thank you so much to everyone who commented and shared! Happy to see the Bluesky account taking off too!

Anime.js@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!

I can't believe it's out, I hope you like it as much as I do, I put a lot of care and effort into that thing. Massive thanks to all my sponsors, small and big, I couldn't have done it without them ❤️

Anime.js@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!

Julian Garnier reposted

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!

Can't wait to show you what I've been working on in the past few months

Anime.js@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...

👇

Anime.js@animejs.com

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!

Julian Garnier reposted

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.

@bram.us how safe is it to use `animation.effect.target`? The specs mention it as a potential future feature but after some tests it looks like it's already supported across Safari / FF / Chrome. And if not recommended, is there a better way to access the target registered on an animation? Thanks!

🪱

Anime.js@animejs.com

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

Julian Garnier reposted

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@animejs.com

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: