Anime JS
Anime JS Anime JS Anime JS Anime JS Anime JS Anime JS

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.