Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Anime.js is a fast, flexible, and modular JavaScript animation engine designed to animate anything on the web using a single unified API.
The main features of this library include:
Intuitive Animation API: Provides an easy-to-use keyframes system, per-property parameters, built-in easings, and Web Animation API (WAAPI) support.
Enhanced CSS Transforms: Smoothly blends individual CSS transform properties using function-based values and a versatile composition API.
Scroll Observer: Synchronizes and triggers animations based on user scroll position, featuring multiple synchronization modes, advanced thresholds, and event callbacks.
Advanced Staggering Utility: Enables time, value, and timeline position staggering to create complex sequential effects.
Complete SVG Toolset: Offers built-in utilities for shape morphing (morphTo), line drawing (createDrawable), and motion path tracking (createMotionPath).
Draggable & Spring Physics: Features a Draggable API with customizable stiffness and damping settings to drag, snap, flick, and throw HTML elements.
Timeline Orchestration: Allows developers to construct complex animation sequences, adjust time positions, and control playback settings.
Responsive Scope API: Adapts animations dynamically according to CSS media queries and custom root elements.
Lightweight & Modular Footprint: Allows developers to import only required modules, maintaining a compact total bundle size of 27.13 KB with individual modules ranging from 0.22 KB to 6.41 KB.