Anime.js vs. Backbone.js vs. Fusion 18 vs. JavaScript InfoVis Toolkit Comparison Chart

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime'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. Anime.js works with anything web. CSS, SVG, DOM attributes and JavaScript Objects, animate everything with a single unified API. Staggering allows you to animate multiple elements with follow-through and overlapping action. Animation keyframes are defined using an Array, within the keyframes property. Each keyframe duration will be equal to the animation's total duration divided by the number of keyframes.

Fusion’s curve editor uses splines for creating smooth motion between keyframes. They can be interpolated as linear, bezier or as b‑splines. This lets you apply custom curves to loop, reverse, or ping pong between keyframes to create sophisticated animations. You can also move, stretch and squish groups of keyframes to create incredible variations! The replicate tool automatically creates rows of repeated objects that can fill any pattern. You can create complex and sophisticated-looking animations by simply offsetting parameters on replicated objects! There are also randomized controls for adding subtle variations to create organic-looking animations that would be impossible on another system! Build fantastic particle effects that glow, swirl and sparkle using physics like avoidance, gravity and bounce! Each behavior influences and alters the particles in natural ways.