1---
2name: anime
3description: Anime.js v4 - A fast, multipurpose and lightweight JavaScript animation library. Use when creating animations, timelines, draggable interactions, SVG animations, text effects, or working with CSS properties, DOM attributes and JavaScript objects.
4metadata:
5 author: Hairyf
6 version: "2026.2.1"
7 source: Generated from https://github.com/juliangarnier/anime, scripts located at https://github.com/hairyf/skills
8---
9
10Anime.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. Version 4 introduces a modular architecture with ES modules, improved performance, and enhanced features like draggable interactions, animatable objects, and advanced timeline controls.
11
12> The skill is based on Anime.js v4.3.5, generated at 2026-01-29.
13
14## Core References
15
16| Topic | Description | Reference |
17|-------|-------------|-----------|
18| Animation | Basic animation function, target selection, property animation | [core-animation](references/core-animation.md) |
19| Timeline | Sequential and parallel animations, labels, position control | [core-timeline](references/core-timeline.md) |
20| Stagger | Staggered animations for multiple targets | [core-stagger](references/core-stagger.md) |
21| Animation Parameters | Duration, delay, easing, loop, callbacks | [core-parameters](references/core-parameters.md) |
22| Timer | createTimer, Timer—periodic callbacks, frameRate, playback | [core-timer](references/core-timer.md) |
23
24## Features
25
26### Draggable
27
28| Topic | Description | Reference |
29|-------|-------------|-----------|
30| Draggable | Create draggable elements with physics and constraints | [features-draggable](references/features-draggable.md) |
31| Draggable Configuration | Container bounds, snap, friction, velocity | [features-draggable-config](references/features-draggable-config.md) |
32
33### Animatable
34
35| Topic | Description | Reference |
36|-------|-------------|-----------|
37| Animatable | Create animatable objects for custom animations | [features-animatable](references/features-animatable.md) |
38
39### Scope & Scroll
40
41| Topic | Description | Reference |
42|-------|-------------|-----------|
43| Scope | Scroll-based animations and viewport detection | [features-scope](references/features-scope.md) |
44| Scroll (onScroll) | Scroll-linked animations, progress, link(timeline) | [features-scroll](references/features-scroll.md) |
45
46### Layout
47
48| Topic | Description | Reference |
49|-------|-------------|-----------|
50| Layout (AutoLayout) | FLIP-style layout animations, accordion, enter/leave | [features-layout](references/features-layout.md) |
51
52### SVG
53
54| Topic | Description | Reference |
55|-------|-------------|-----------|
56| SVG Morphing | Morph SVG paths and shapes | [features-svg-morph](references/features-svg-morph.md) |
57| SVG Drawing | Animate SVG path drawing | [features-svg-draw](references/features-svg-draw.md) |
58| SVG Motion Path | Animate elements along an SVG path | [features-svg-motion-path](references/features-svg-motion-path.md) |
59
60### Text
61
62| Topic | Description | Reference |
63|-------|-------------|-----------|
64| Text Splitting | Split text into words, lines, and characters | [features-text-split](references/features-text-split.md) |
65| Text Animation | Animate text content and properties | [features-text-animation](references/features-text-animation.md) |
66
67## Easings
68
69| Topic | Description | Reference |
70|-------|-------------|-----------|
71| Easing Functions | Built-in easing functions (in, out, inOut) | [easings-functions](references/easings-functions.md) |
72| Custom Easings | Cubic bezier, spring, steps, linear easings | [easings-custom](references/easings-custom.md) |
73
74## Utilities
75
76| Topic | Description | Reference |
77|-------|-------------|-----------|
78| Utils | DOM utilities, value helpers, math functions | [utils-helpers](references/utils-helpers.md) |
79
80## Advanced
81
82| Topic | Description | Reference |
83|-------|-------------|-----------|
84| Composition | Replace, none, blend (additive) for overlapping animations | [advanced-composition](references/advanced-composition.md) |
85| Engine | Global engine—pause, resume, speed, timeUnit, precision | [advanced-engine](references/advanced-engine.md) |
86| WAAPI | Web Animations API—waapi.animate for native animations | [advanced-waapi](references/advanced-waapi.md) |
87| Scope (createScope) | Execution context, defaults, methods, keepTime, revert | [advanced-scope](references/advanced-scope.md) |
hairyf