Julian Garnier

Thanks, everyone!

Yeah, unfortunately that kind of defeats the purpose of using VT if you have to manually read DOM values no? At least for my use cases. Hopefully native interruptible VT will exist one day...

Ok, thanks for the info!

Oh ok, interesting, how much of the VT animation do you actually have to manually write? Can you read/copy the final computed values of a VT animation and feed that to the DOM animations?

Really curious about how this works!

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

I want to report back that after working on the latest version for a week, I did notice better performance overall!

Every vote counts!

On an M4 Pro

I often need to restart Sketch after working on complex files for a long time. The UI and some operations gets slower over time. I also had issues with the color picker being extremely slow to move around.

Performance

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

Cool article! I think Jake/Adam used the old Anime.js spring code for their generator, and it didn't support overdamped curves. I made a new easing editor + linear() generator that uses all the new Anime.js spring features, like perceived parameters and overdamped curves: animejs.com/easing-editor/

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

Sometimes it’s about CSS too 😅

bsky.app/profile/anim...

Thank you, really happy to read this!

For all of the spring curve enthusiasts out there

HTML is global attribute - HTML | MDN The is global attribute allows you to specify that a standard HTML element should behave like a defined custom built-in element (see Using custom elements for more details).

I understand WebKit blocked developer.mozilla.org/en-US/docs/W..., but extending native elements would be nice, it's a very common need when working with custom elements

Moar splits codepen.io/juliangarnie...

🖖

Awwwards Nominees The eight highest-scoring sites each month are nominated for “Site of the Month” and reviewed by the jury a second time

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

Haha yes!

Just opened my DMs 😅

Just opened my DMs 😅

Cost TBD, I’m aiming to make it as beginners friendly as possible, but basic knowledge of HTML / JavaScript will be recommended

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.

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!