JavaScript animation engine
Alternatives To Anime
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Anime44,8231,3715182 months ago14October 12, 2020198mitJavaScript
JavaScript animation engine
G211,6235302182 days ago288September 20, 2022197mitTypeScript
📊 A concise and progressive visualization grammar.
Konva9,26861034514 days ago179August 29, 202279otherTypeScript
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Two.js7,9778343a month ago34June 09, 202267mitJavaScript
A renderer agnostic two-dimensional drawing api for the web.
Tsparticles5,4048812 hours ago29September 21, 202215mitTypeScript
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
Canvas Confetti4,7779203 months ago29February 08, 202228iscJavaScript
🎉 on-demand confetti gun
Vanta4,41122 months ago19September 16, 202239mitJavaScript
Animated 3D backgrounds for your website
Ccapture.js3,18429146 months ago10April 16, 201886mitJavaScript
A library to capture canvas-based animations at a fixed framerate
17 days ago8March 11, 202118iscKotlin
Celebrate more with this lightweight confetti particle system 🎊
9 months ago10mitJavaScript
The web-based motion graphics editor for everyone 📽
Alternatives To Anime
Select To Compare

Alternative Project Comparisons


JavaScript animation engine |

npm version npm downloads

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


Via npm

$ npm install animejs --save

or manual download.


ES6 modules

import anime from 'animejs/lib/';


const anime = require('animejs');

File include

Link anime.min.js in your HTML :

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

Hello world

  targets: 'div',
  translateX: 250,
  rotate: '1turn',
  backgroundColor: '#FFF',
  duration: 800


Demos and examples

Browser support

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


Website | Documentation | Demos and examples | MIT License | © 2019 Julian Garnier.

Popular Animation Projects
Popular Canvas Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.