Find Similar Packages for animejs
1 Year
animejsSimilar Packages:
Package Weekly Downloads Trend
Stat Detail
Package
Downloads
Stars
Size
Issues
Publish
License
animejs240,48760,4101.3 MB7521 days agoMIT
README for animejs

Anime.js

Anime.js V4 logo animation

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.

NPM Downloads jsDelivr hits (npm) GitHub Sponsors

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
});
Anime.js code example

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

© Julian Garnier | MIT License