StarRank

juliangarnier/anime

JavaScriptanimejs.com
Geral #255JavaScript #24CSS & UI #14

JavaScript animation engine

animationanimejavascript-librarysvgcanvascssjavascript
Crescimento de estrelas
Estrelas
72.7k
Forks
4.9k
Crescimento semanal
+175
Issues
100
20k40k60k
jun. de 2016nov. de 2019abr. de 2023set. de 2026
Artefatosnpm
README

Anime.js

Anime.js V4 logo animation

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.

NPM Downloads jsDelivr hits (npm) GitHub Sponsors

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:

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
});
Anime.js code example

V4 Documentation

The full documentation is available here.

V3 Migration guide

You can find the v3 to v4 migration guide here.

NPM development scripts

First, run npm i to install all the necessary packages. Then, execute the following scripts with npm run <script>.

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 | MIT License

Repositórios relacionados
3b1b/manim

Animation engine for explanatory math videos

PythonPyPIlibraryMIT Licensepythonanimation
93.2k7.7k
animate-css/animate.css

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

CSSnpmOthercss-animationscss
animate.style
82.8k15.9k
MisterBooo/LeetCodeAnimation

Demonstrate all the questions on LeetCode in the form of animation.（用动画的形式呈现解LeetCode题目的思路,完整单步/回看/变速/语音讲解在 algomooc.com）

JavaMaveninterviewleetcodeleetcode-solutions
algomooc.com
76.7k13.9k
algorithm-visualizer/algorithm-visualizer

:fireworks:Interactive Online Platform that Visualizes Algorithms from Code

JavaScriptnpmappMIT Licensealgorithmdata-structure
algorithm-visualizer.org
48.7k7.6k
heygen-com/hyperframes

Write HTML. Render video. Built for agents.

TypeScriptnpmlibraryApache License 2.0aianimation
44.2k4.2k
aseprite/aseprite

Animated sprite editor & pixel art tool (Windows, macOS, Linux)

C++appanimationpixel-art
aseprite.org
39.2k8.9k
airbnb/lottie-android

Render After Effects animations natively on Android and iOS, Web, and React Native

JavaMavenlibraryApache License 2.0animationandroid
airbnb.io/lottie/
35.7k5.4k
motiondivision/motion

A modern animation library for React and JavaScript

TypeScriptnpmMIT Licenseanimationanimation-js
motion.dev
33.5k1.4k
pmndrs/react-three-fiber

🇨🇭 A React renderer for Three.js

TypeScriptnpmMIT Licensereactthreejs
docs.pmnd.rs/react-three-fiber
32.1k2k
AtsushiSakai/PythonRobotics

Python sample codes and textbook for robotics algorithms.

PythonPyPItutorialOtherpythonrobotics
atsushisakai.github.io/PythonRobotics/
30.4k7.4k
greensock/GSAP

GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

JavaScriptnpmlibraryanimationgsap
gsap.com
28.3k2.2k
GraphiteEditor/Graphite

Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine

Rustcrates.ioappApache License 2.0graphics-editorphoto-editor
graphite.art
27.1k1.2k