GStars
    juliangarnier

    juliangarnier/anime

    #330 this week

    JavaScript animation engine

    frontend
    animation
    anime
    canvas
    css
    javascript
    JavaScript
    MIT
    71.9K stars
    4.8K forks
    71.9K GitHub watchers
    Updated 8/7/2026
    View on GitHub

    Backblaze Generative Media Hackathon

    Build the next generation of AI media apps with Genblaze, stored on Backblaze B2. $10,000 in prizes.

    Enter the hackathon

    Loading star history...

    Use Cases & Benefits

    • Anime.js is a lightweight, fast JavaScript animation engine supporting CSS, SVG, DOM attributes, and JavaScript objects.
    • Key features include a simple API, support for staggered animations, easing functions, and looping with alternate directions.
    • The library is open-source under MIT license, actively maintained since 2016 with recent updates in 2025.
    • With over 63,000 stars and 4,200 forks on GitHub, Anime.js is highly popular and widely adopted in the web development community.
    • Ideal for developers needing versatile, performant animations in web projects involving CSS, SVG, and canvas elements.

    About anime

    Anime.js

    Anime.js V4 logo animation

    Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API.
    It works with CSS properties, SVG, DOM attributes and JavaScript Objects.

    NPM Downloads jsDelivr hits (npm) GitHub Sponsors

    Sponsors

    Anime.js is 100% free and is only made possible with the help of our sponsors. Help the project become sustainable by sponsoring us on GitHub Sponsors.

    Platinum sponsors

    Silver sponsors

    Usage

    Anime.js V4 works by importing ES modules like so:

    import {
  animate,
  stagger,
} from 'animejs';

animate('.square', {
  x: 320,
  rotate: { from: -180 },
  duration: 1250,
  delay: stagger(65, { from: 'center' }),
  ease: 'inOutQuint',
  loop: true,
  alternate: true
});
    		Anime.js code example

    V4 Documentation

    The full documentation is available here.

    V3 Migration guide

    You can find the v3 to v4 migration guide here.

    NPM development scripts

    First, run npm i to install all the necessary packages. Then, execute the following scripts with npm run <script>.

    scriptaction
    devWatch any changes in src/ and compiles the esm version to lib/anime.esm.js
    dev-typesSame as dev, but also run TypeScript and generate the types/index.d.ts file
    buildGenerate types definition and compiles ESM / UMD / IIFE versions to lib/
    test-browserStart a local server and start all browser related tests
    test-nodeStart all Node related tests
    open-examplesStart a local server to browse the examples locally

    © Julian Garnier | MIT License

    Discover Repositories

    Search across tracked repositories by name or description