anime.js est une bibliothèque JavaScript extrêmement légère (9.47 kb à ce jour) créée par Julian Garnier qui est aujourd’hui quasiment indispensable. Elle permet d’animer du CSS, du SVG, des attributs DOM, des objets JS…

On peut par exemple mettre des effets sur des textes comme ici, ou encore par là. Elle est également souvent utilisée par d’autres bibliothèques JS, ici pour créer des boutons avec des effets de particules.

En plus de ça, elle est supportée par tous les derniers navigateurs dont IE 10+.

Quelques exemples d’utilisation :

See the Pen anime.js logo animation by Julian Garnier (@juliangarnier) on CodePen.0

See the Pen Specific target values – anime.js by Julian Garnier (@juliangarnier) on CodePen.0

See the Pen Follow SVG Path – anime.js by Julian Garnier (@juliangarnier) on CodePen.0

See the Pen Floatting Draggable Menu (Messenger like) by Andy Pagès (@andyNroses) on CodePen.0

Site officiel anime.js
anime.js sur GitHub (documentation + téléchargement) : github.com/juliangarnier/anime
Un tas d’exemples sur CodePen : codepen.io/collection/XLebem/