Installation

From NPM

Anime.js can be installed via the animejs package.

npm install animejs

Then you can import the Anime.js methods directly into your JavaScript with a bundler like Vite or esbuild.

ES Modules

import { animate } from 'animejs';

CommonJS

const { animate } = require('animejs');

From a CDN

ES Modules

CDN Name URL
esm.sh esm.sh/animejs
JsDelivr cdn.jsdelivr.net/npm/animejs/+esm
import { animate } from 'https://esm.sh/animejs';

UMD Global object

CDN Name URL
JsDelivr cdn.jsdelivr.net/npm/animejs/dist/bundles/anime.umd.min.js
<script src="https://cdn.jsdelivr.net/npm/animejs/dist/bundles/anime.umd.min.js"></script>
<script>
  const { animate } = anime;
</script>

Direct download

Download from the library directly from the GitHub repository.

Available Files

File Name Type
dist/modules/index.js ES modules entry point
dist/modules/index.cjs CommonJS modules entry point
dist/bundles/anime.esm.js Bundled ES modules
dist/bundles/anime.esm.min.js Bundled and minified ES modules
dist/bundles/anime.umd.js Bundled UMD (universal modules definition)
dist/bundles/anime.umd.min.js Bundled and minified UMD

ES Modules

import { animate } from './animejs/dist/bundles/anime.esm.min.js';

UMD Global object

<script src="animejs/dist/bundles/anime.umd.min.js"></script>
<script>
  const { animate } = anime;
</script>