anime.js Alternatives - JavaScript Animations

Popularity

9.6

Growing

Activity

5.5

Declining

Stars 34,414

Watchers 703

Forks 2,660

Last Commit 7 months ago

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.1.0

anime.js alternatives and similar libraries

Based on the "Animations" category

animate.css

9.9 6.2 anime.js VS animate.css

A cross-browser library of CSS animations. As easy to use as an easy thing.
particles.js

9.4 0.0 anime.js VS particles.js

A lightweight JavaScript library for creating particles.
velocity

8.9 3.2 L1 anime.js VS velocity

Accelerated JavaScript animation.
Mo.js

8.6 2.8 anime.js VS Mo.js

Motion graphics toolbelt for the web http://mojs.io.
Effeckt.css

8.4 0.0 anime.js VS Effeckt.css

A Performant Transitions and Animations Library
GreenSock-JS

8.1 2.3 L1 anime.js VS GreenSock-JS

High-performance HTML5 animations that work in all major browsers.
jquery.transit

7.4 0.0 L2 anime.js VS jquery.transit

Super-smooth CSS3 transformations and transitions for jQuery.
Dynamic.js

7.1 0.0 anime.js VS Dynamic.js

Javascript library to create physics-based CSS animations.
bounce.js

6.8 0.0 anime.js VS bounce.js

Create tasty CSS3 powered animations in no time.
move.js

6.5 0.0 L4 anime.js VS move.js

CSS3 backed JavaScript animation framework
smoothState.js

6.1 0.0 anime.js VS smoothState.js

Unobtrusive page transitions with jQuery.
textillate

5.9 0.0 L5 anime.js VS textillate

A simple plugin for CSS3 text animations
animatable

5.3 0.0 anime.js VS animatable

One property, two values, endless possiblities
Odoo

2.2 0.0 L5 anime.js VS Odoo

SVG odometer effect with motion blur
motus

2.1 3.8 anime.js VS motus

Animation library that mimics CSS keyframes when scrolling.
Suave UI 0.3.1

2.0 0.0 anime.js VS Suave UI 0.3.1

UI Framework for AngularJS
tsParticles

1.8 9.8 anime.js VS tsParticles

A new and improved version of particles.js with bug fixes and many new features
shuffle-images

1.7 0.0 L4 anime.js VS shuffle-images

The Simplest Way to shuffle through images in a Creative Way http://www.thepetedesign.com/demos/shuffle-images_demo.html
AniX

1.6 4.3 anime.js VS AniX

Super easy and lightweight transitions animation library
TransitionEnd

1.0 0.0 L2 anime.js VS TransitionEnd

TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
the-cube

0.5 0.0 anime.js VS the-cube

The Cube is an experiment with CSS3 transitions.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.

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

Add another 'Animations' Library

Popular Comparisons

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+

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