All-in-one animation engine. A fast and versatile JavaScript library to animate HTML.

In this section Getting started Timer Animation Timeline Animatable Draggable Scope Events SVG Text Utilities Easings WAAPI Engine Next Getting started

A fast and versatile JavaScript animation libraryGetting started This section covers how to download, install and import Anime.js in your project.

Animation Animates the properties values of targeted elements, with a wide range of parameters, callbacks and methods. Animations are created using the animate () method imported from the …

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.

Timeline Synchronises animations, timers, and callbacks together. Timelines are created using the createTimeline () method imported from the main 'animejs' module: import { createTimeline …

// Every anime.js instance declared here is now scoped to <div ref={root}> // Created a bounce animation loop animate ('.logo', { scale: [ { to: 1.25, ease: 'inOut(3)', duration: 200 }, { to: 1, …

A fast and versatile JavaScript animation libraryColor function value WAAPI The CSS color () function can be animated with the WAAPI animate () method. Accepts Any valid CSS color …

npm install animejs Then you can import the Anime.js methods directly into your JavaScript with a bundler like Vite or esbuild. ES Modules import { animate } from 'animejs'; CommonJS const { …

A fast and versatile JavaScript animation libraryCreates sequential effects by distributing values progressively across multiple targets. Stagger Function based values are created using …