Anime.js

Lightweight JavaScript animation engine (v4) with modular named exports, powerful timeline/stagger tools, and dedicated SVG, scroll, and drag utilities.

Overview

Anime.js v4 is a complete rewrite of the library as a set of modular, tree-shakeable named exports. There is no more single anime() factory: animate(), createTimeline(), createTimer(), createDraggable(), createScope(), onScroll(), svg, and utils are imported individually from 'animejs'. It works with vanilla JavaScript and any framework.

When to use this skill:

• Timeline-based animation sequences with precise choreography
• Staggered animations across multiple elements
• SVG path morphing and line-drawing animations
• Keyframe animations (per-property or percentage-based)
• Framework-agnostic animation (works with React, Vue, vanilla JS) via createScope()
• Scroll-linked animations via onScroll()
• Draggable elements via createDraggable()
• Spring, cubic-bezier, and other custom easing