74,478
stars
+24
5,073
forks
791
watchers
224
prs
857
issues
37
releases
39
discussions
README
Anime.js
Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
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:
javascript
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 | 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 |
© Julian Garnier | MIT LicenseTop issues
#1047[FEATURE] Add MCP9 comments · 2025-07-17#548[BUG] querySelectorAll() in external SVG breaks [NodeList] for attribute 'targets:'8 comments · 2019-03-03#1197[DOCS] v2 and v3 documentation sets are not accessible on animejs.com6 comments · 2026-10-12#688Start animation when element is in viewport.6 comments · 2020-05-19#1013[BUG] duration: 0 in keyframes not properly handled5 comments · 2025-05-21#991[FEATURE] labelToScroll for Scroll-Driven Navigation5 comments · 2025-04-16#817[FEATURE] Add pause to timeline5 comments · 2022-05-10#624Height: auto5 comments · 2019-10-22
Discussions
#1198Reusable anime instance for different onUpdate() functions1 comments · 2026-10-19#1183Adding and removing CSS classees with Stagger + onBegin / onComplete4 comments · 2026-07-12#1166SVG Paths0 comments · 2026-04-23#1156Setting up AnimeJS via direct download2 comments · 2026-03-20#1155How to reset WAAPI inline styles after completion?0 comments · 2026-03-09#1150Thumbs Up to Layout2 comments · 2026-02-28#1146Layout and React1 comments · 2026-02-15#1145mouse enter / mouse leave animation0 comments · 2026-02-10
Latest release
v4.5.0 v4.5.0 2026-06-22New Features
- Adapters
- New registerAdapter() API to extend animate() and utils.set() to non-DOM targets (learn more: https://animejs.com/documentation/adapters)
- Three.js adapter
- New built-in three.js adapter, imported as a side-effect from animejs/adapters/three, to animate Object3D, materials, lights, cameras, audio nodes, UniformNode (TSL) and instanced meshes (learn more: https://animejs.com/documentation/adapters/three)
- Stagger
- Auto-grid mode now supports 3D layouts, using {x, y, z} coordinates or an explicit grid: [columns, rows, depth] triplet
- The from param