Anime.js
A lightweight, fast, framework-agnostic JavaScript animation engine (v4) — animate CSS, SVG, DOM and objects with springs, draggable, scroll-driven timelines and staggering in one tiny modular API.
Try it now
GPT-4oWhat is Anime.js?
Anime.js is a fast and flexible all-in-one JavaScript animation engine for the web, created by Julian Garnier and trusted by a large open-source community (70k+ GitHub stars). With one intuitive API it animates CSS properties, SVG, DOM attributes and plain JavaScript objects. Version 4 adds a complete animator toolbox: spring physics and a full Draggable API (drag, snap, flick, throw), a Scroll Observer to trigger animations on scroll, advanced time/value/timeline staggering, an SVG toolset for shape morphing, line drawing and motion paths, a Timeline for sequencing, and a Scope API for media-query-aware responsive motion. It is fully modular and tree-shakeable (the complete bundle is about 27 KB), installs with npm i animejs, and is 100% free and MIT licensed, funded by sponsors.
Pros
- Extremely lightweight and fast with no framework lock-in
- Concise, expressive API that is easy to learn
- Powerful SVG, scroll, drag and spring capabilities
- 70k+ GitHub stars and years of production use
- 100% free under MIT, funded by sponsors
- Excellent documentation and examples
Cons
- Vanilla-JS first; official React/Vue wrappers are not first-party
- Complex coordinated sequences still require coding
- No visual/timeline editor
- The v4 API differs from v3, so older projects need migration
Compare with Alternatives
| Feature | Anime.js | PGVector | Semantic Kernel | Warp |
|---|---|---|---|---|
| Rating | 4.8 | 4.1 | 4.8 | 4.8 |
| Pricing | Free | Free | Free | Free |
| Starting From | — | Free | Free | Free |
| API | — | — | — | — |
| Free Tier | — | — | — | — |
| Mobile App | — | — | — | — |
Who is it for
Front-end engineers
Add smooth micro-interactions and transitions to any web app.
Marketing & landing pages
Create scroll-driven, high-impact hero and section animations.
Data-viz developers
Animate SVG charts, morph shapes and draw paths.
Creative developers
Build interactive portfolios, games and generative art with drag and springs.
Motion designers who code
Turn motion ideas into precise, controllable web animations.