Julian Garnier's banner

Julian Garnier

@JulianGarnier • 15,714 subscribers

https://t.co/kLEBmhVg1A

Shorts

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 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 ▼)

83,501 görüntüleme

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

57,430 görüntüleme

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 👇

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 👇

41,641 görüntüleme

The docs got a little refresh too✨

The docs got a little refresh too✨

25,038 görüntüleme

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

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

12,926 görüntüleme

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!

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!

11,182 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

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

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

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.

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.

130,472 görüntüleme • 1 ay önce

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

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

294,894 görüntüleme • 4 ay önce

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!

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!

292,417 görüntüleme • 8 ay önce

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👇

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👇

455,100 görüntüleme • 1 yıl önce

Docs are up to date with the new Layout API

Docs are up to date with the new Layout API

93,394 görüntüleme • 4 ay önce

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 👇

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 👇

135,121 görüntüleme • 1 yıl önce

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.

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.

29,852 görüntüleme • 4 ay önce

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!

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!

42,726 görüntüleme • 8 ay önce

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!

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!

26,354 görüntüleme • 4 ay önce

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

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

90,994 görüntüleme • 2 yıl önce

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!) 👇❤️

64,103 görüntüleme • 1 yıl önce

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 the new landing page unveiling, check out my GitHub sponsor page!

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 the new landing page unveiling, check out my GitHub sponsor page!

25,850 görüntüleme • 1 yıl önce

A bunch of spans

A bunch of spans

17,883 görüntüleme • 10 ay önce

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

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

23,164 görüntüleme • 2 yıl önce

Daha fazla içerik yok.