Julian Garnier

@JulianGarnier • 16,260 subscribers

https://t.co/kLEBmhVg1A

Shorts

264,205 views

84,784 views

57,498 views

78,242 views

41,876 views

25,038 views

12,926 views

11,182 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

59,445 views • 15 days ago

295,613 views • 5 months ago

132,324 views • 2 months ago

455,490 views • 1 year ago

292,922 views • 9 months ago

93,456 views • 5 months ago

137,525 views • 1 year ago

44,253 views • 9 months ago

42,772 views • 9 months ago

29,852 views • 6 months ago

26,600 views • 5 months ago

91,025 views • 2 years ago

64,103 views • 1 year ago

17,883 views • 11 months ago

23,164 views • 2 years ago

No more content to load

Live Cam

Julian Garnier

Shorts

Anime.js 4.5 is out and it's a fun one: Introducing the Three.js 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 website is nominated for Site of the Year on awwwards.! Lots of great contenders this year! If you'd like to support the project, your vote would mean a lot! (Link below ▼)

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.

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! Next up: v4.0

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 Anime.js v4.1.0 👇

The docs got a little refresh too✨

Kevin Seabourne Apparently yes, auto layout animations in SolidJS ! Ryan Carniato

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!

Videos

Watch Anya Live

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

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

With the new scrambleText() feature, you can control reveal direction, create cursor effects, apply perturbation and easing, and chain it in keyframes and timelines like any other Anime.js animation property. It's crazy how just a few lines of code can create such visually complex effects.

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! Link below👇

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 &amp; duration params 📈 More WAAPI built-in easing functions 🎛️ And an easing editor! Plus tons of fixes and improvements!

Docs are up to date with the new Layout API

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 in the link below 👇

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

Improved the docs "scroll to" behavior when jumping to a chapter. It now "teleports" after a few cards instead of racing through hundreds, keeping the animation visually consistent regardless of the distance scrolled. Much less distracting.

Someone on Discord asked if the easing editor could also preview opacity animations. But I didn't want to add a fifth animation box to the preview panel, so instead, I added two parameters to control the initial and final opacity of each preview. I think it works pretty well like this!

Just on time to celebrate reaching 50 monthly @GitHub sponsors: 🚀Introducing draggables to anime.js V4! ✅ Inertia with spring animation ✅ Snap to grid ✅ Axis lock ✅ Container autoscroll ✅ Transformed container ✅ Quick swipe gestures ✅ onSnap callback And a lot more...

Today's my birthday, but more importantly, today is release day! Anime.js v4 beta 100 is now available for my sponsors, featuring: ✅ Scroll-linked animations (ScrollObserver) ✅ Responsive animations (Scope) 🚀 Brand new docs (It took 4 months, but I think it was worth it!) 👇❤️

A bunch of spans

Sooo satisfying! Can you guess which new anime.js V4 feature I'm working on? (It's not related to the hovering effect) #animejs #webdev

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! Plus tons of fixes and improvements!