animejs

anime.js, commonly referred to as anime.js or animejs, is a lightweight JavaScript animation library for the web. It provides a simple API to animate CSS properties, SVG attributes, and JavaScript object properties. Animations are driven by requestAnimationFrame to ensure smooth updates across browsers and can be coordinated with timelines and staggered sequences. The library is designed to be dependency-free and easy to integrate into modern web projects.

Using the API, developers specify a target (a DOM element, a NodeList, or a collection of elements) and a set of properties to animate, along with options such as duration, delay, and easing. Common properties include transforms like translate, rotate, and scale, as well as opacity and SVG attributes. Easing functions range from linear to more complex curves, and callbacks such as begin, update, and complete can be attached. The call returns an animation instance that exposes methods to play, pause, restart, and seek, as well as a finished promise for asynchronous handling.

Timelines enable sequencing of multiple animations. anime.timeline can coordinate several animations with offsets, enabling coordinated, staggered effects across elements. A stagger utility helps to offset delays based on element index. The library supports looping and direction options, including alternate playback and infinite loops, making it suitable for interactive UI and data-driven visuals.

Development and licensing: anime.js is open-source and maintained on a public repository with contributions from developers worldwide. It is published under an open-source license and is widely used to create lightweight, accessible animations in web interfaces, with a focus on clarity and performance.