animejs

JavaScript animation engine

animejs downloads animejs version animejs license

Search packages..
animejsSimilar Packages:

Npm Package Weekly Downloads Trend

3 Years
🌟 Show real-time usage chart on animejs's README.md, just copy the code below.
## Usage Trend
[![Usage Trend of animejs](https://npm-compare.com/img/npm-trend/THREE_YEARS/animejs.png)](https://npm-compare.com/animejs#timeRange=THREE_YEARS)

Cumulative GitHub Star Trend

🌟 Show GitHub stars trend chart on animejs's README.md, just copy the code below.
## GitHub Stars Trend
[![GitHub Stars Trend of animejs](https://npm-compare.com/img/github-trend/animejs.png)](https://npm-compare.com/animejs)

Stat Detail

Package
Downloads
Stars
Size
Issues
Publish
License
animejs549,16166,8551.84 MB94a month 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

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
});
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>.

scriptaction
devWatches for changes in src/**/*.js, bundles the ESM version to lib/ and creates type declarations in types/
dev:testRuns dev and test:browser concurrently
buildBundles ESM / UMD / CJS / IIFE versions to lib/ and creates type declarations in types/
test:browserStarts a local server and runs all browser-related tests
test:nodeStarts Node-related tests
open:examplesStarts a local server to browse the examples locally

© Julian Garnier | MIT License

npm-compare.com is an independent website designed to help developers choose the most suitable npm packages. We are not affiliated with npm, Inc, the official website for the npm registry. Note that npm is a registered trademark of npm, Inc. Please share your feedback via our GitHub repository. For more details, please refer to our Terms & Privacy.