Anime.js

JavaScript

Motion & animation

Lightweight animation library with a clean, simple API.

What it does

Anime.js animates CSS properties, SVG, DOM attributes, and JavaScript objects. It's smaller than GSAP and easier to get started with.

When to use it

Use this when you want basic animations without the full weight of GSAP.

Real example

You want a row of icons to bounce in one after another when the page loads. Prompt: 'Use Anime.js to stagger-animate the .icon elements with a translateY from 20px to 0 and opacity from 0 to 1, with a 100ms delay between each.'

Good to know

Great for simpler animation needs. If you find yourself fighting its limitations, upgrade to GSAP.

Alternatives

GSAP Motion / Framer Motion

Install

$ npm install animejs

Use cases

CSS animationSVG animationlightweight

Language

JavaScript

More in Motion & animation

Other tools in the same category

JS GSAP

The gold standard for smooth, complex animations on the web.

scroll animationhero animationSVG animation

JS Motion / Framer Motion

Simple, powerful animation library — works with or without React.

UI animationpage transitionsgesture

JS Lenis

Smooth scroll library that makes your page feel silky.

smooth scrollscroll animationmarketing