animejs

Use anime.stagger(delay) as the delay value to increment timing across multiple targets. Add options like grid dimensions, from: 'center', and axis to control the stagger origin and direction for grid-based reveals.

Anime.js suits SVG-heavy animations, simpler projects, and smaller bundle sizes at about 9KB gzipped. GSAP is better for complex scroll-driven experiences, advanced timeline control, and professional-grade sequencing needs.

Yes, Anime.js works with React via useRef and useEffect by targeting the ref element. Store the animation instance and call animation.pause() in the cleanup function to prevent animations continuing after unmount.

Animate the d attribute with an array of path values representing start and end shapes. For line drawing, animate strokeDashoffset from anime.setDashoffset to 0 with an easing function.

Anime.js cannot animate the CSS transform property string directly. Use individual transform properties like translateX, rotate, and scale instead, and include units such as 'px' for dimensional values.

Anime.js performs best animating transform and opacity properties on under 100 elements. Avoid animating layout properties like width or left, and prefer CSS animations for infinite loops or very large element sets.