anime
From public sourcesAnime.js is an MIT-licensed, lightweight JavaScript animation library for animating CSS properties, SVG, DOM attributes and JavaScript objects.
Overview
Building smooth animations by hand means juggling timelines, easing curves and staggered sequences across CSS, SVG and plain JavaScript values. Anime.js is a JavaScript animation library that handles all of these with one simple, consistent API. It works on CSS properties, SVG, DOM attributes and JavaScript objects, and supports features such as staggering, easing and looping.
You import the animate function and stagger helper as ES modules, then describe the target elements and the properties to change. The library is free, MIT-licensed and kept lightweight, so it suits both small interface effects and larger interactive pages.
Front-end developers and designers who want expressive motion without a heavy framework will find it useful. It can be installed from npm or loaded from a CDN.
- animation
- anime
- canvas
- css
- javascript
- javascript-library
- svg
Installation
Commands are shown, never run by the marketplace. Check them against the official documentation.- Official websiteFrom public sourcesfrom catalog metadataanimejs.com/ ↗
- Language package registrynodejsFrom public sourcesfrom the package manifest — publication on the registry is not verified
npm install animejsNot verified: check that this package in the registry belongs to this project before installing.
www.npmjs.com/package/animejs ↗ - Build from sourceFrom public sourcesfrom catalog metadata
Build from source: no validated build recipe — follow the repository instructions.
github.com/juliangarnier/anime ↗
Compatibility
Unknown means no evidence was found — not that the product is incompatible.| Platform | Status | Architecture | Evidence | Confidence |
|---|---|---|---|---|
| Node.js | Compatible | — | package manifest: package.json name | 0.60 |
| Python | Unknown | — | — | — |
| JVM | Unknown | — | — | — |
| .NET | Unknown | — | — | — |
| WebAssembly | Unknown | — | — | — |
| Web browser | Unknown | — | — | — |
Releases
checked Oct 29, 2026Files in 4.5.0
This release has no attached files.
Release history
- v4.4.1Apr 30, 2026Official source ↗
- v4.4.0Apr 29, 2026Official source ↗
- v4.3.6Feb 13, 2026Official source ↗
- v4.3.5Jan 25, 2026Official source ↗
- v4.3.4Jan 23, 2026Official source ↗
- v4.3.3Jan 22, 2026Official source ↗
- v4.3.2Jan 22, 2026Official source ↗
Quality profile
algorithm quality-v1.0 · assessed Oct 15, 2026Quality Score96
Risk Score0
Quality Score and Risk Score are different measures. A high score does not guarantee safety.
Score components
Maintenance · 2016
Documentation · 1515
Ready to use · 1515
Metadata · 1010
Releases · 1010
Category confidence · 1010
Adoption · 1010
License clarity · 55
Community · 55
License
MITThis is the catalog policy status, not legal advice.
Sources
github.com/juliangarnier/animePrimary★ 73,636 starslast activity Aug 21, 2026Primary repository · Confidence 1.00
Reviews
No reviews yet.
Alternatives
three.jsSimilar
three.js is an MIT-licensed JavaScript 3D library for building WebGL and WebGPU scenes in the browser with a lightweight, easy-to-use API.MIT · Libraries & SDKs
pixijsSimilar
dotlottie-webSimilar
GSAPSimilar
remotionSimilar
tiptapSimilarREADME
From juliangarnier/anime · license MIT · fetched Oct 29, 2026Anime.js
Sponsors
Anime.js is 100% free and is only made possible with the help of our sponsors. Help the project become sustainable by sponsoring us on GitHub Sponsors.
Platinum sponsors
Silver sponsors
Get featured here by becoming a GitHub Sponsor.
Usage
Anime.js V4 works by importing ES modules like so:
import {
animate,
stagger,
} from 'animejs';
animate('.square', {
x: 320,
rotate: { from: -180 },
duration: 1250,
delay: stagger(65, { from: 'center' }),
ease: 'inOutQuint',
loop: true,
alternate: true
});
V4 Documentation
The full documentation is available here.
V3 Migration guide
You can find the v3 to v4 migration guide here.
NPM development scripts
First, run npm i to install all the necessary packages.
Then, execute the following scripts with npm run <script>.
| script | action |
|---|---|
dev | Watches for changes in src/**/*.js, bundles the ESM version to lib/ and creates type declarations in types/ |
dev:test | Runs dev and test:browser concurrently |
build | Bundles ESM / UMD / CJS / IIFE versions to lib/ and creates type declarations in types/ |
test:browser | Starts a local server and runs all browser-related tests |
test:node | Starts Node-related tests |
open:examples | Starts a local server to browse the examples locally |