Anime.js

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.

The complete animator's toolbox Break free from browser limitations and animate anything on the web with a single API.

Intuitive API Animate faster with an easy-to-use, yet powerful animation API.

• Per property parameters
• Flexible keyframes system
• Built-in easings

Enhanced transforms Smoothly blend individual CSS transform properties with a versatile composition API.

• Individual CSS Transforms
• Function based values
• Blend composition

SVG toolset Morph shapes, follow motion paths, and draw lines easily with the built-in SVG utilities.

• Shape morphing
• Line drawing
• Motion path

Scroll Observer Synchronise and trigger animations on scroll with the Scroll Observer API.

• Multiple synchronisation modes
• Advanced thresholds
• Complete set of callbacks

Advanced staggering Create stunning effects in seconds with the built-in Stagger utility function.

• Time staggering
• Values staggering
• Timeline positions staggeringv

Springs and draggable Drag, snap, flick and throw HTML elements with the fully-featured Draggable API.

• Versatile settings
• Comprehensive callbacks
• Useful methods

Runs like clockwork Orchestrate animation sequences and keep callbacks in sync with the powerfull Timeline API.

• Synchronise animations
• Advanced time positions
• Playback settings

Responsive animations Make animations respond to media queries easily with the Scope API.

• Media queries
• Custom root element
• Scopped methods

A lightweight and modular API Keep your bundle size small by only importing the parts you need.