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>