Popularity
9.7
Stable
Activity
4.7
-
38,904
764
3,110

Description

Anime is a flexible yet lightweight Javascript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

Code Quality Rank: L3
Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: Data Visualization     Animations     SVG     Engine     Anime     JavaScript     Css     Animation     Canvas     Transforms    
Latest version: v3.2.1

anime.js alternatives and similar libraries

Based on the "Animations" category.
Alternatively, view anime.js alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of anime.js or a related project?

Add another 'Animations' Library

README

anime.js

JavaScript animation engine | animejs.com

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.

Getting started | Documentation | Demos and examples | Browser support

Getting started

Download

Via npm

$ npm install animejs --save

or manual download.

Usage

ES6 modules

import anime from 'animejs/lib/anime.es.js';

CommonJS

const anime = require('animejs');

File include

Link anime.min.js in your HTML :

<script src="anime.min.js"></script>

Hello world

anime({
  targets: 'div',
  translateX: 250,
  rotate: '1turn',
  backgroundColor: '#FFF',
  duration: 800
});

Documentation

Demos and examples

Browser support

Chrome Safari IE / Edge Firefox Opera
24+ 8+ 11+ 32+ 15+

Website | Documentation | Demos and examples | [MIT License](LICENSE.md) | © 2019 Julian Garnier.


*Note that all licence references and agreements mentioned in the anime.js README section above are relevant to that project's source code only.