MCPcopy
hub / github.com/juliangarnier/anime

github.com/juliangarnier/anime @v4.5.0 sqlite

repository ↗ · DeepWiki ↗ · release v4.5.0 ↗
857 symbols 3,105 edges 177 files 172 documented · 20%
README

Anime.js

<img align="center" alt="Anime.js V4 logo animation" src="https://github.com/juliangarnier/anime/raw/v4.5.0/assets/images/animejs-v4-logo-animation.gif" width="560">

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>.

script action
dev Watches for changes in src/**/*.js, bundles the ESM version to lib/ and creates type declarations in types/
dev:test Runs dev and test:browser concurrently
build Bundles ESM / UMD / CJS / IIFE versions to lib/ and creates type declarations in types/
test:browser Starts a local server and runs all browser-related tests
test:node Starts Node-related tests
open:examples Starts a local server to browse the examples locally

© Julian Garnier | MIT License

Core symbols most depended-on inside this repo

seek
called by 704
tests/playground/assets/js/anime.esm.js
getChildAtIndex
called by 588
tests/utils.js
animate
called by 555
tests/playground/assets/js/anime.esm.js
add
called by 339
tests/playground/assets/js/anime.esm.js
add
called by 159
src/scope/scope.js
pause
called by 157
tests/playground/assets/js/anime.esm.js
getTweenDelay
called by 144
tests/utils.js
createTimeline
called by 137
tests/playground/assets/js/anime.esm.js

Shape

Function 450
Method 335
Class 72

Languages

TypeScript100%

Modules by API surface

tests/playground/assets/js/anime.esm.js263 symbols
src/draggable/draggable.js46 symbols
src/layout/layout.js37 symbols
src/events/scroll.js35 symbols
tests/playground/benchmark/index.js33 symbols
src/adapters/three/instance.js33 symbols
src/timer/timer.js31 symbols
src/core/helpers.js27 symbols
src/waapi/waapi.js24 symbols
src/text/split.js18 symbols
src/timeline/timeline.js16 symbols
src/easings/spring/index.js15 symbols

Dependencies from manifests, versioned

@rollup/plugin-terser0.4.4 · 1×
@types/mocha10.0.10 · 1×
@types/node24.3.0 · 1×
@types/three0.184.0 · 1×
browser-sync3.0.4 · 1×
chai4.3.10 · 1×
mocha10.2.0 · 1×
nodemon3.1.10 · 1×
rollup4.9.1 · 1×
three0.184.0 · 1×
tweaks0.3.4 · 1×
typescript5.9.2 · 1×

For agents

$ claude mcp add anime \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact