anime

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
Timeline	Sequential and parallel animations, labels, position control	core-timeline
Stagger	Staggered animations for multiple targets	core-stagger
Animation Parameters	Duration, delay, easing, loop, callbacks	core-parameters
Timer	createTimer, Timer—periodic callbacks, frameRate, playback	core-timer

Features

Draggable

Topic	Description	Reference
Draggable	Create draggable elements with physics and constraints	features-draggable
Draggable Configuration	Container bounds, snap, friction, velocity	features-draggable-config

Animatable

Topic	Description	Reference
Animatable	Create animatable objects for custom animations	features-animatable

Scope & Scroll

Topic	Description	Reference
Scope	Scroll-based animations and viewport detection	features-scope
Scroll (onScroll)	Scroll-linked animations, progress, link(timeline)	features-scroll

Layout

Topic	Description	Reference
Layout (AutoLayout)	FLIP-style layout animations, accordion, enter/leave	features-layout

SVG

Topic	Description	Reference
SVG Morphing	Morph SVG paths and shapes	features-svg-morph
SVG Drawing	Animate SVG path drawing	features-svg-draw
SVG Motion Path	Animate elements along an SVG path	features-svg-motion-path

Text

Topic	Description	Reference
Text Splitting	Split text into words, lines, and characters	features-text-split
Text Animation	Animate text content and properties	features-text-animation

Easings

Topic	Description	Reference
Easing Functions	Built-in easing functions (in, out, inOut)	easings-functions
Custom Easings	Cubic bezier, spring, steps, linear easings	easings-custom

Utilities

Topic	Description	Reference
Utils	DOM utilities, value helpers, math functions	utils-helpers

Advanced

Topic	Description	Reference
Composition	Replace, none, blend (additive) for overlapping animations	advanced-composition
Engine	Global engine—pause, resume, speed, timeUnit, precision	advanced-engine
WAAPI	Web Animations API—waapi.animate for native animations	advanced-waapi
Scope (createScope)	Execution context, defaults, methods, keepTime, revert	advanced-scope