Skip to main content
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.

​
What is Anime.js?

Anime.js V4 is a modern animation engine that provides:

Lightweight & Fast

Optimized performance with minimal overhead, capable of animating thousands of elements smoothly

Flexible Targets

Animate CSS properties, SVG attributes, DOM elements, and JavaScript objects with ease

Powerful Easings

Built-in easings including cubic-bezier, spring physics, steps, and irregular timing functions

Timeline System

Create complex animation sequences with precise timing control and synchronization

​
Key Features

​
Modular Architecture

Anime.js V4 works with ES modules, allowing you to import only what you need: 
import { animate, createTimeline, stagger } from 'animejs';
You can also import specialized modules: 
import { spring } from 'animejs/easings/spring';
import { createDrawable } from 'animejs/svg';
import { createDraggable } from 'animejs/draggable';

​
Animation Types

Animations

Simple one-off animations with rich property support

Timelines

Sequence multiple animations with precise timing

Animatables

Create interactive, controllable animation instances

​
Advanced Capabilities

Stagger Effects

Animate multiple elements with cascading delays and grid-based patterns

SVG Support

Path morphing, line drawing, and motion path animations

Spring Physics

Natural motion with realistic spring-based animations

Scroll Animations

Sync animations to scroll position with precision

​
Browser Support

Anime.js V4 works in all modern browsers:
  • Chrome/Edge (latest)
  • Firefox (latest)
  • Safari (latest)
  • Opera (latest)
Anime.js uses ES modules and modern JavaScript features. For older browser support, you may need to transpile your code.

​
Community & Support

GitHub Repository

View source code, report issues, and contribute

GitHub Sponsors

Support the project’s development

​
Version 4 Highlights

Anime.js V4 introduces major improvements:
  • Modular imports - Tree-shakeable ES modules for smaller bundle sizes
  • TypeScript support - Full type definitions included
  • Better performance - Optimized rendering and memory usage
  • New features - Draggables, scope management, and layout utilities
  • Enhanced composition - Improved animation layering and blending
If you’re upgrading from V3, check the migration guide for breaking changes.

​
Next Steps

1

Install Anime.js

Get started by installing the library via npm, yarn, pnpm, or CDNGo to Installation →
2

Quick Start

Create your first animation in minutes with a simple exampleGo to Quick Start →
3

Explore Examples

Learn from real-world examples and advanced techniquesView Examples →

​
License

Anime.js is released under the MIT License. Created by Julian Garnier

Build docs developers (and LLMs) love

Get started for freeTalk to us