About Anime.js
Anime.js is a JavaScript library for building animations on the web. It handles CSS properties, SVG shapes and plain JavaScript values through one API.
What it does
Anime.js lets you describe an animation as a set of target values, a duration and an easing. It runs the timing for you, so you can focus on what should move and when. The same package covers timelines, scroll-based triggers and drag interactions.
Key features
- Animate CSS transforms, colors and other style properties
- Chain animations with a timeline and control their order
- Stagger effects across many elements with one setting
- Morph SVG shapes and draw lines along motion paths
- Trigger animations on scroll with an observer
Who it's for
Front-end developers and designers who want motion in a website or web app without a large framework. It suits teams that prefer modular imports, so only the parts they use end up in the bundle.
Pricing and good to know
Anime.js is open source under the MIT license and free to use. The project is supported by sponsors. You install it from npm and it runs in modern browsers. It is a code library, so there is no visual editor and it needs JavaScript skills to use.
Highlights
- Animate CSS transforms, colors and other style properties
- Timelines that chain and order animations
- Stagger effects across many elements
- SVG morphing, line drawing and motion paths
- Scroll-triggered animations with an observer
