Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.

It works with CSS properties, SVG, DOM attributes and JavaScript Objects.

Getting started

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.

Learn more about staggering

One element is all you need.

translateX
translateY
rotate
scale

Animate multiple CSS transforms properties with different timings simultaneously on a single HTML element.

Learn more about keyframes

Timing is everything.

animation begin
loop 1 begin
loop 3 complete
animation complete

Play, pause, control, reverse and trigger events in sync using the complete built-in callbacks and controls functions.

Learn more about callbacks

Resources and documentation.

Read More