Claude
Skills
Sign in
Back

anime

Included with Lifetime
$97 forever

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.

Web Dev

What this skill does


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. Version 4 introduces a modular architecture with ES modules, improved performance, and enhanced features like draggable interactions, animatable objects, and advanced timeline controls.

> The skill is based on Anime.js v4.3.5, generated at 2026-01-29.

## Core References

| Topic | Description | Reference |
|-------|-------------|-----------|
| Animation | Basic animation function, target selection, property animation | [core-animation](references/core-animation.md) |
| Timeline | Sequential and parallel animations, labels, position control | [core-timeline](references/core-timeline.md) |
| Stagger | Staggered animations for multiple targets | [core-stagger](references/core-stagger.md) |
| Animation Parameters | Duration, delay, easing, loop, callbacks | [core-parameters](references/core-parameters.md) |
| Timer | createTimer, Timer—periodic callbacks, frameRate, playback | [core-timer](references/core-timer.md) |

## Features

### Draggable

| Topic | Description | Reference |
|-------|-------------|-----------|
| Draggable | Create draggable elements with physics and constraints | [features-draggable](references/features-draggable.md) |
| Draggable Configuration | Container bounds, snap, friction, velocity | [features-draggable-config](references/features-draggable-config.md) |

### Animatable

| Topic | Description | Reference |
|-------|-------------|-----------|
| Animatable | Create animatable objects for custom animations | [features-animatable](references/features-animatable.md) |

### Scope & Scroll

| Topic | Description | Reference |
|-------|-------------|-----------|
| Scope | Scroll-based animations and viewport detection | [features-scope](references/features-scope.md) |
| Scroll (onScroll) | Scroll-linked animations, progress, link(timeline) | [features-scroll](references/features-scroll.md) |

### Layout

| Topic | Description | Reference |
|-------|-------------|-----------|
| Layout (AutoLayout) | FLIP-style layout animations, accordion, enter/leave | [features-layout](references/features-layout.md) |

### SVG

| Topic | Description | Reference |
|-------|-------------|-----------|
| SVG Morphing | Morph SVG paths and shapes | [features-svg-morph](references/features-svg-morph.md) |
| SVG Drawing | Animate SVG path drawing | [features-svg-draw](references/features-svg-draw.md) |
| SVG Motion Path | Animate elements along an SVG path | [features-svg-motion-path](references/features-svg-motion-path.md) |

### Text

| Topic | Description | Reference |
|-------|-------------|-----------|
| Text Splitting | Split text into words, lines, and characters | [features-text-split](references/features-text-split.md) |
| Text Animation | Animate text content and properties | [features-text-animation](references/features-text-animation.md) |

## Easings

| Topic | Description | Reference |
|-------|-------------|-----------|
| Easing Functions | Built-in easing functions (in, out, inOut) | [easings-functions](references/easings-functions.md) |
| Custom Easings | Cubic bezier, spring, steps, linear easings | [easings-custom](references/easings-custom.md) |

## Utilities

| Topic | Description | Reference |
|-------|-------------|-----------|
| Utils | DOM utilities, value helpers, math functions | [utils-helpers](references/utils-helpers.md) |

## Advanced

| Topic | Description | Reference |
|-------|-------------|-----------|
| Composition | Replace, none, blend (additive) for overlapping animations | [advanced-composition](references/advanced-composition.md) |
| Engine | Global engine—pause, resume, speed, timeUnit, precision | [advanced-engine](references/advanced-engine.md) |
| WAAPI | Web Animations API—waapi.animate for native animations | [advanced-waapi](references/advanced-waapi.md) |
| Scope (createScope) | Execution context, defaults, methods, keepTime, revert | [advanced-scope](references/advanced-scope.md) |
Files: 25
Size: 64.5 KB
Complexity: 71/100
Category: Web Dev

Related in Web Dev