🫨

Thanks, everyone!

Layout docs

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!

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

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

Moar splits codepen.io/juliangarnie...

🖖

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

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

I mean, how good can a docs page really be? Surely people are exagera..... 😮

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

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

🪱

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 now has a dedicated account @animejs.com

🎉 Exciting times for web animation – @motion.dev now open source w/ @citizenofnowhe.re – @juliangarnier.bsky.social all in on Anime.js V4 – @greensock.bsky.social GSAP integration into Webflow – Rive App responsive UI w/Layouts – Native CSS scroll-driven animations, view transitions, allow-discrete…

Decided to finally update my website for the first time in 8 years!

Anime.js just crossed 50K stars on GitHub!! Thank you everyone! 🙌

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