https://github.com/juliangarnier/anime

JavaScript animation engine
https://github.com/juliangarnier/anime

animation anime canvas css javascript javascript-library svg

Last synced: 2 days ago
JSON representation

JavaScript animation engine

• Host: GitHub
• URL: https://github.com/juliangarnier/anime
• Owner: juliangarnier
• License: mit
• Created: 2016-03-13T21:37:45.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2025-04-25T07:02:57.000Z (9 months ago)
• Last Synced: 2025-05-05T09:58:07.479Z (9 months ago)
• Topics: animation, anime, canvas, css, javascript, javascript-library, svg
• Language: JavaScript
• Homepage: https://animejs.com
• Size: 63 MB
• Stars: 59,597
• Watchers: 760
• Forks: 4,018
• Open Issues: 75
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-starts - juliangarnier/anime - JavaScript animation engine (JavaScript)
• StarryDivineSky - juliangarnier/anime
• awesome-react - Anime.JS - A lightweight JavaScript animation library with a simple API. (📖 Categories / Graphics & Animations)
• awesome-list - anime
• awesome-frontend-libraries - animejs
• awesome-github-star - anime
• my-awesome-list - anime - JavaScript animation engine (Programming Languages / JavaScript)
• awesome-frontend - anime - Anime is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects. (JavaScript Libs / Animation)
• awesome-star-libs - juliangarnier / anime
• my-awesome - juliangarnier/anime - library,svg pushed_at:2026-01 star:65.9k fork:4.4k JavaScript animation engine (JavaScript)
• awesome - juliangarnier/anime - JavaScript animation engine (JavaScript)
• awesome-frontend - anime.js - JavaScript animation engine.  (Repository / Animation)
• stars - juliangarnier/anime - JavaScript animation engine \[*MIT License*\] (⭐️65810) (JavaScript)
• awesome-web-dev-resources - anime
• awesome-web-animation - Anime.js - JavaScript animation engine. (Common)
• my-awesome-starred - juliangarnier/anime - JavaScript animation engine (JavaScript)
• awesome-frontend - anime.js - Javascript 动画引擎
• awesome-front-end - anime.js - Javascript 动画引擎
• awesome - juliangarnier/anime - JavaScript animation engine (JavaScript)
• awesome-starred - anime - JavaScript animation engine (JavaScript)
• awesome-repositories - juliangarnier/anime - JavaScript animation engine (JavaScript)
• awesome - juliangarnier/anime - JavaScript animation engine (JavaScript)
• awesome-frontend-lib - anime.js
• awesome-list - anime

README

          
# Anime.js



  

    

    

  





  

  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.

  





  

  

  



## 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

  

    

      

        

          

            

            

          

        

      

      

        

          

            

            

          

        

      

      

        

          

            

          

        

      

      

        

          

            

          

        

      

      

        

          

            

          

        

      

      

        

          

            

          

        

      

    

  

Get featured here by becoming a GitHub Sponsor.

## Usage

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

  

```javascript

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

});

```

  

  

    

  

## V4 Documentation

The full documentation is available [here](https://animejs.com/documentation).

## V3 Migration guide

You can find the v3 to v4 migration guide [here](https://github.com/juliangarnier/anime/wiki/Migrating-from-v3-to-v4).

## NPM development scripts

First, run `npm i` to install all the necessary packages.

Then, execute the following scripts with `npm run `.

| script | action |

| ------ | ------ |

| `dev` | Watches for changes in `src/**/*.js`, bundles the ESM version to `lib/` and creates type declarations in `types/` |

| `dev:test` | Runs `dev` and `test:browser` concurrently |

| `build` | Bundles ESM / UMD / CJS / IIFE versions to `lib/` and creates type declarations in `types/` |

| `test:browser` | Starts a local server and runs all browser-related tests |

| `test:node` | Starts Node-related tests |

| `open:examples` | Starts a local server to browse the examples locally |

© [Julian Garnier](http://juliangarnier.com) | [MIT License](LICENSE.md)