Popularity

9.7

Stable

Activity

0.0

Stable

Stars 44,289

Watchers 746

Forks 3,635

Last Commit 29 days 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.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.

animate.css

9.9 5.4 anime.js VS animate.css

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

9.5 0.0 anime.js VS particles.js

A lightweight JavaScript library for creating particles

Appwrite - The Open Source Firebase alternative introduces iOS support

Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

Promo appwrite.io

Mo.js

8.8 0.0 anime.js VS Mo.js

The motion graphics toolbelt for the web
velocity

8.8 0.0 L1 anime.js VS velocity

Accelerated JavaScript animation.
GreenSock-JS

8.7 6.0 L1 anime.js VS GreenSock-JS

GreenSock's GSAP JavaScript animation library (including Draggable).
Effeckt.css

8.4 0.0 anime.js VS Effeckt.css

A Performant Transitions and Animations Library
barbajs

7.7 5.9 anime.js VS barbajs

Create badass, fluid and smooth transitions between your website’s pages.
jquery.transit

7.3 0.0 L2 anime.js VS jquery.transit

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

7.0 0.0 anime.js VS Dynamic.js

Javascript library to create physics-based animations
bounce.js

6.7 0.0 anime.js VS bounce.js

Create beautiful CSS3 powered animations in no time.
AutoAnimate

6.5 9.2 anime.js VS AutoAnimate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
move.js

6.3 0.0 L4 anime.js VS move.js

CSS3 backed JavaScript animation framework
tsParticles

6.2 9.9 anime.js VS tsParticles

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.
smoothState.js

6.1 0.0 anime.js VS smoothState.js

Unobtrusive page transitions with jQuery.
textillate

6.0 0.0 L5 anime.js VS textillate

A jquery plugin for CSS3 text animations.
animatable

5.4 0.0 anime.js VS animatable

One property, two values, endless possiblities
Vizzu

3.9 8.9 anime.js VS Vizzu

Library for animated data visualizations and data stories.
typicaljs

3.3 1.3 anime.js VS typicaljs

Animated typing in ~400 bytes 🐡 of JavaScript
Odoo

3.0 0.0 L5 anime.js VS Odoo

Javascript and SVG odometer effect library with motion blur
motus

2.7 0.0 anime.js VS motus

Animation library that mimics CSS keyframes when scrolling.
particles-bg

2.7 0.0 anime.js VS particles-bg

React particles animation background component
Suave UI 0.3.1

2.2 0.0 anime.js VS Suave UI 0.3.1

UI Framework for AngularJS
shuffle-images

2.0 0.0 L4 anime.js VS shuffle-images

The Simplest Way to shuffle through images in a Creative Way
AniX

2.0 1.4 anime.js VS AniX

🐿 Super easy and lightweight(<3kb) JavaScript animation library
Scrawl-canvas Library

1.9 8.8 anime.js VS Scrawl-canvas Library

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
Scroll Btween

1.2 5.0 anime.js VS Scroll Btween

ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.
TransitionEnd

1.2 0.0 L2 anime.js VS TransitionEnd

:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
js-loading-overlay

0.8 0.0 anime.js VS js-loading-overlay

Display loading overlay/spinner for your application easily and beautifully.
the-cube

0.7 0.0 anime.js VS the-cube

The Cube is an experiment with CSS3 transitions.
Scroll Frames

0.4 7.1 anime.js VS Scroll Frames

Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/
Tailwind Animations

- 10.0 anime.js VS Tailwind Animations

Tailwind animations examples

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

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.