animejs

Use createTimeline with defaults, then chain .add() calls with targets and parameters. Control sequencing with position arguments like '<' to start with the previous animation, '-=200' for overlap, or named labels for absolute positioning.

Pass onScroll() to the autoplay parameter of animate(). Set target to the observed element and use sync: true to tie animation progress directly to scroll position, or use enter thresholds to trigger playback when elements enter the viewport.

Yes, Anime.js v4 supports React through createScope. Create a scope with a root ref inside useEffect, add animations via scope.add(), and call scope.revert() in the cleanup function to properly dispose of animations on unmount.

Yes, Anime.js provides SVG utilities: createDrawable for line-drawing effects using the draw property, morphTo for shape morphing between paths, and createMotionPath for moving elements along a path. Standard SVG attributes like cx and r are also animatable.

WAAPI mode uses the hardware-accelerated Web Animations API for better performance on transform and opacity animations, while the JS engine supports the full feature set including SVG morphing and complex modifiers. Use waapi.convertEase() to adapt easing functions.

Use createDraggable with a container boundary and set releaseEase to createSpring with stiffness and damping values. Configure snap points via the x and y axis parameters, and use callbacks like onDrag and onSettle to respond to interactions.