aeon.js is a lightweight, performance-oriented TypeScript animation library following the Anime.js API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Anime is a great library and will work for a majority of use-cases! At Immutable we needed more fine-tuned performance, more granular control over the animation lifecycle and had to overcome several legacy issues with Anime's behavior.
Many efforts were made to maintain parity with Anime's API while adding new features, improving performance, incorporating TypeScript and adding React support.
Aeon's built-in staggering system makes complex follow through and overlapping animations simple. It can be used on both timings and properties.
Animate multiple CSS transforms properties with different timings simultaneously on a single HTML element.
Play, pause, control, reverse and trigger events in sync using the complete built-in callbacks and controls functions.
Aeon works with anything web. CSS, SVG, DOM attributes and JavaScript Objects: animate everything with a single unified API.