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.
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 |
Watch any changes in src/ and compiles the esm version to lib/anime.esm.js |
dev-types |
Same as dev, but also run TypeScript and generate the types/index.d.ts file |
build |
Generate types definition and compiles ESM / UMD / IIFE versions to lib/ |
test-browser |
Start a local server and start all browser related tests |
test-node |
Start all Node related tests |
open-examples |
Start a local server to browse the examples locally |
Our 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
|
|
|
| Huly | Ice Open Network | Your logo here |