Description
Web motion gets messy fast: CSS keyframes, timers and several libraries tangled together, and staggering a sequence means hand computing delays. Anime.js drives CSS properties, SVG, DOM attributes and plain JavaScript objects through one API, with timelines that orchestrate several animations together and control over tweening, stagger and looping.
It is MIT licensed and small, and every feature in the docs has an example you can edit.
Timelines: place animations on one track with ordering, overlap and replay.
Stagger: add progressive delays across a set of elements for waves and ripples.
SVG and text: path drawing, morphing, and splitting text into letters or words.
Draggable and scroll: built in draggable objects and scroll linked animation.
Easings: a wide set of easing curves plus spring effects.
It is MIT licensed and small, and every feature in the docs has an example you can edit.
Features
Timelines: place animations on one track with ordering, overlap and replay.
Stagger: add progressive delays across a set of elements for waves and ripples.
SVG and text: path drawing, morphing, and splitting text into letters or words.
Draggable and scroll: built in draggable objects and scroll linked animation.
Easings: a wide set of easing curves plus spring effects.
