New Features Adapters New registerAdapter() API to extend animate() and utils.set() to non-DOM targets (learn more: https://animejs.com/documentation/adapters) Three.js adapter New built-in three.js adapter, imported as a side-effect from animejs/adapters/three, to animate Object3D, materials, lights, cameras, audio nodes, UniformNode (TSL) and instanced meshes (learn more: https://animejs.com/doc…
Bug fix Fix a regression introduced in 4.4.0 with timeline .call() not triggering properly in some cases.
Breaking Changes Transforms Transforms now follow a fixed render order (perspective > translate > rotate > scale > skew), regardless of the order they are defined in animation parameters: // Before: scale rendered first because it was defined first animate(el, { scale: 2, translateX: 100 }) // → scale(2) translateX(100px) // After: order is always fixed animate(el, { scale: 2, translateX: 100 }) /…
Bug Fixes Auto Layout Fix auto layout not properly synced with onScroll, allowing controlling layout animations like this: layout.animate({ autoplay: onScroll({ sync: true, }) });
Bug Fixes Auto Layout Fix a regression introduced in v4.3.2 that prevented inline element to be animated in some cases. Animation Fix a regression introduced in v4.3.0 that prevented CSS computed style of background to be correctly interpreted as a color value (#1136).
Improvements WAAPI / Timeline Synced WAAPI animations now automatically have their persist property set to true (#1121) Bug Fixes onScroll Fix comment syntax potentially causing an error (#1124)
Improvements Refresh Function-based "from" values now refresh correctly when calling .refresh() Unit conversion (e.g., svh to rem) is recalculated on refresh onScroll Add onResize callback that triggers when the scroll container refreshes due to a resize event Documentation Playback Add missing tl.backward / anim.backward / time.backward property doc Easing Add an opacity animation preview to the…
Bug Fixes Layout Fix an issue where inline tags, like or weren't detected when surrounded by comments (again)
Bug Fixes Layout Fix an issue where inline tags, like or weren't detected when surrounded by comments
New Features AutoLayout New createLayout() method to easily animate between two layout states (learn more about layouts here: https://animejs.com/documentation/layout) Easings The ease parameter now accepts function-based values (like duration and delay properties) Timeline Add composition parameter to disable animation composition when using .add() and greatly improve performance Bug Fixes JS Ani…