Repolode
Submit
juliangarnier

juliangarnier/anime

A lightweight JavaScript animation library that animates CSS properties, SVG, DOM attributes and plain JavaScript objects.

View on GitHubWebsite
Stars
73,752
Forks
4,987
Open issues
124
Last commit
2 months ago

What is it?

Anime.js is a JavaScript animation engine with a single API for animating CSS properties, SVG elements, DOM attributes and JavaScript objects. Animations are declared with target selectors and property values, and options such as duration, delay, easing, looping and alternating playback control how they run.

Version 4 is distributed as ES modules and is imported from the animejs package. A stagger helper spreads delays across multiple targets, for example starting from the center of a group. The library is MIT licensed and is described as lightweight and multipurpose.

The repository includes build scripts that produce ESM, UMD, CJS and IIFE bundles along with TypeScript type declarations, and it has browser and Node test suites. Full documentation is hosted on the project website, and a migration guide covers moving from v3.

Key features

  • 01Animates CSS properties, SVG, DOM attributes and JavaScript objects with one API.
  • 02Supports stagger to offset delays across multiple targets.
  • 03Offers easing functions, looping and alternating playback.
  • 04Ships as ES modules with UMD, CJS and IIFE builds.
  • 05Includes TypeScript type declarations.

Use cases

  • Adding motion to web page elements, such as moving or rotating boxes on load.
  • Animating SVG paths and icons in a web interface.
  • Tweening numeric values in plain JavaScript objects for canvas or custom rendering.

Quick start

  1. 1

    Install the package with npm

    npm i animejs
  2. 2

    Import animate and stagger from animejs and call animate on a selector

Topics

#animation#javascript#svg#css#canvas#frontend-library#anime#javascript-library

FAQ

What is anime?
A lightweight JavaScript animation library that animates CSS properties, SVG, DOM attributes and plain JavaScript objects. Anime.js is a JavaScript animation engine with a single API for animating CSS properties, SVG elements, DOM attributes and JavaScript objects. Animations are declared with target selectors and property values, and options such as duration, delay, easing, looping and alternating playback control how they run.
Is anime free to use? What license does it have?
anime is open source under the MIT license. Check the license terms before using it in commercial products.
Is anime still maintained?
Updated within 6 months. The last commit to anime was on Aug 21, 2026.
What can I use anime for?
Adding motion to web page elements, such as moving or rotating boxes on load. Animating SVG paths and icons in a web interface. Tweening numeric values in plain JavaScript objects for canvas or custom rendering.
How do I install anime?
Install the package with npm: npm i animejs Import animate and stagger from animejs and call animate on a selector
Where can I get anime?
The source code and installation instructions are on GitHub: https://github.com/juliangarnier/anime

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects