Loading...
Loading...
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.
npx skill4agent add hairyf/skills animeThe skill is based on Anime.js v4.3.5, generated at 2026-01-29.
| 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 |
| Topic | Description | Reference |
|---|---|---|
| Draggable | Create draggable elements with physics and constraints | features-draggable |
| Draggable Configuration | Container bounds, snap, friction, velocity | features-draggable-config |
| Topic | Description | Reference |
|---|---|---|
| Animatable | Create animatable objects for custom animations | features-animatable |
| Topic | Description | Reference |
|---|---|---|
| Scope | Scroll-based animations and viewport detection | features-scope |
| Scroll (onScroll) | Scroll-linked animations, progress, link(timeline) | features-scroll |
| Topic | Description | Reference |
|---|---|---|
| Layout (AutoLayout) | FLIP-style layout animations, accordion, enter/leave | features-layout |
| 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 |
| 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 |
| Topic | Description | Reference |
|---|---|---|
| Easing Functions | Built-in easing functions (in, out, inOut) | easings-functions |
| Custom Easings | Cubic bezier, spring, steps, linear easings | easings-custom |
| Topic | Description | Reference |
|---|---|---|
| Utils | DOM utilities, value helpers, math functions | utils-helpers |
| 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 |