Animejs

A comprehensive wrapper for Anime.js v4, covering the full API from basic DOM animations to timelines, SVG morphing, scroll triggers, and draggable elements. This is worth using if you're doing any serious animation work in vanilla JS or React, since it includes the newer v4 features like createLayout for state-based animations and onScroll for parallax effects. The documentation is thorough, covering everything from spring physics and stagger grids to WAAPI synchronization. One practical note: v4 is fully modular, so you can tree-shake what you don't need. Good for motion-heavy UIs where you want fine control without pulling in GSAP or Framer Motion.

skills.sh installs: 1.3K
GitHub stars: 62
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bowtiedswan/animejs-skills --skill animejs --agent claude-code

Installs into .claude/skills of the current project.

Files

Anime.js v4 Skill

Anime.js is a lightweight JavaScript animation library with a simple yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects.

Installation

NPM

npm install animejs

ES Modules Import

import { animate } from 'animejs';

CDN (ES Modules)

import { animate } from 'https://esm.sh/animejs';

CDN (UMD)

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

Core Concepts

Anime.js v4 is modular and tree-shakeable. Import only what you need:

// Full import
import { animate, createTimeline, stagger, createDraggable } from 'animejs';

// Standalone modules for smaller bundles
import { animate } from 'animejs/animation';
import { createTimeline } from 'animejs/timeline';
import { createTimer } from 'animejs/timer';