Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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!

Julian Garnier

16,147 subscribers

292,784 views • 9 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Excited to announce Easing Wizard is now live! 🎉 The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀 🔗 Some key features are: ⚡ Uses linear timing function instead of keyframes 🎢 Multiple curve types ⏸️ Pause between animation previews 🎥 10 preview modes 📚 Large collection of presets 📝 CSS and Tailwind CSS code generation 📊 Linear comparison 🎯 Multiple accuracy levels ➕ Optional extra space for Bézier curves And can you find the hidden easter egg?

Excited to announce Easing Wizard is now live! 🎉 The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀 🔗 Some key features are: ⚡ Uses linear timing function instead of keyframes 🎢 Multiple curve types ⏸️ Pause between animation previews 🎥 10 preview modes 📚 Large collection of presets 📝 CSS and Tailwind CSS code generation 📊 Linear comparison 🎯 Multiple accuracy levels ➕ Optional extra space for Bézier curves And can you find the hidden easter egg?

Matthias Martin

13,307 views • 1 year ago

I forgot to mention that every easing can also be used in pure CSS, no JS required, including the spring curves!

I forgot to mention that every easing can also be used in pure CSS, no JS required, including the spring curves!

Julian Garnier

44,253 views • 9 months ago

Easing Ease In/Out Functions #b3d #geometrynodes

Easing Ease In/Out Functions #b3d #geometrynodes

Cartesian Caramel

28,505 views • 5 months ago

💚 3.15 is out, with adaptive directional easing 👀 Ever called reverse() on an animation and noticed the motion feels... off? That's because reversing an animation also reverses the easing curve, so an ease-out becomes an ease-in. Now with easeReverse - you’ve got more creative control over how that reverse animation feels!

💚 3.15 is out, with adaptive directional easing 👀 Ever called reverse() on an animation and noticed the motion feels... off? That's because reversing an animation also reverses the easing curve, so an ease-out becomes an ease-in. Now with easeReverse - you’ve got more creative control over how that reverse animation feels!

GSAP

33,243 views • 2 months ago

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

Julian Garnier

295,346 views • 5 months ago

The Deep Pockets update (1.1) is out now on ALL platforms! 🚨 ⛏️ Dig up a basement...and old secrets ❗ New quests & story 🎨 Repaint your store exterior 📈 New shop upgrades 🐞 Lots o' bug fixes & QOL improvements PLUS: Discounty is now 20% off in the Nintendo eShop! 💸

The Deep Pockets update (1.1) is out now on ALL platforms! 🚨 ⛏️ Dig up a basement...and old secrets ❗ New quests & story 🎨 Repaint your store exterior 📈 New shop upgrades 🐞 Lots o' bug fixes & QOL improvements PLUS: Discounty is now 20% off in the Nintendo eShop! 💸

Discounty ✨ OUT NOW ✨

11,354 views • 8 months ago

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👇

Julian Garnier

455,451 views • 1 year ago

#CSS linear() easing can be soft, subtle and minimal OR firm, tense and loud here's how I'm using it in a few areas of my site ❤️ so fun.

#CSS linear() easing can be soft, subtle and minimal OR firm, tense and loud here's how I'm using it in a few areas of my site ❤️ so fun.

Adam Argyle

16,164 views • 1 year ago

Public Beta 2 is now out with external storage support for Umbrel Home users, along with bug fixes and performance improvements. Official umbrelOS 1.4 release rolling out tomorrow.

Public Beta 2 is now out with external storage support for Umbrel Home users, along with bug fixes and performance improvements. Official umbrelOS 1.4 release rolling out tomorrow.

Umbrel ☂️

14,082 views • 1 year ago

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @starting-style support… …and tons, tons more.

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @starting-style support… …and tons, tons more.

Adam Wathan

506,442 views • 1 year ago

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.

Julian Garnier

131,357 views • 2 months ago

The in-game Hytale prefabs editor can now support entities. You can now easily build massive immersive worlds with tons of details!

The in-game Hytale prefabs editor can now support entities. You can now easily build massive immersive worlds with tons of details!

Simon

263,273 views • 5 months ago

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!

Julian Garnier

42,772 views • 9 months ago

React Native Audio API 0.11.0 is out! 🔊 It’s packed with tons of stability and DX improvements. We've also shipped a fully customizable recording to file and new Web Audio API nodes. Check out the demo 👇

React Native Audio API 0.11.0 is out! 🔊 It’s packed with tons of stability and DX improvements. We've also shipped a fully customizable recording to file and new Web Audio API nodes. Check out the demo 👇

Software Mansion

20,289 views • 5 months ago

it's all about easing curves ⏱️ translation powered via CSS custom properties

it's all about easing curves ⏱️ translation powered via CSS custom properties

jhey ʕ•ᴥ•ʔ

64,029 views • 1 year ago

🆕 Things you’ve been asking us for 🆕 Selection colors, independent borders, corner smoothing controls, a new eyedropper with Color Variable support, and 150+ improvements and fixes. Here’s what’s in our latest update — Dublin 🧵 ↓

🆕 Things you’ve been asking us for 🆕 Selection colors, independent borders, corner smoothing controls, a new eyedropper with Color Variable support, and 150+ improvements and fixes. Here’s what’s in our latest update — Dublin 🧵 ↓

Sketch

158,504 views • 2 months ago

With potential rate cuts and easing capital costs, long-duration biotech innovators may be poised for recovery. As companies face cost pressures and capital shifts, AI tools and affordable healthcare solutions are emerging as powerful opportunities. Learn more in our Q1 webinar.

With potential rate cuts and easing capital costs, long-duration biotech innovators may be poised for recovery. As companies face cost pressures and capital shifts, AI tools and affordable healthcare solutions are emerging as powerful opportunities. Learn more in our Q1 webinar.

ARK Funds

24,612 views • 1 year ago

DDG & kbooo - “Easing Up” on WORLDSTARHIPHOP 🔥 out now

DDG & kbooo - “Easing Up” on WORLDSTARHIPHOP 🔥 out now

DDG

365,208 views • 1 year ago

Experimenting with camera easing and tracking speeds📹

Experimenting with camera easing and tracking speeds📹

AdAstraGL (Music Composer)

288,170 views • 4 months ago

Rive Editor 0.8.4941 🎨 Many UI improvements ⭐️ Shape handles to modify parametric properties 📏 Opt/Alt-hover measure tool 🤖 Agent now offers Gemini (also available for BYOK) ⌨️ Add child layout with Shift + Opt/Alt + L 🐛 Various fixes and improvements

Rive Editor 0.8.4941 🎨 Many UI improvements ⭐️ Shape handles to modify parametric properties 📏 Opt/Alt-hover measure tool 🤖 Agent now offers Gemini (also available for BYOK) ⌨️ Add child layout with Shift + Opt/Alt + L 🐛 Various fixes and improvements

Rive

10,940 views • 1 month ago