StarRankExplorer

Volver al ranking

juliangarnier/anime

JavaScriptanimejs.com

JavaScript animation engine

animationanimejavascript-librarysvgcanvascssjavascript

Métricas clave

Crecimiento de estrellas

Estrellas

71.2k

Forks

4.8k

Crecimiento semanal

—

Issues

96

20k40k60k

jun 2016feb 2018oct 2019jun 2021mar 2023nov 2024jul 2026

Artefactosnpmnpm install anime

README

Anime.js

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.

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

Repositorios relacionados

Animation engine for explanatory math videos

PythonPyPIMIT Licensepythonanimation

animate-css/animate.css

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

CSSnpmOthercss-animationscss

MisterBooo/LeetCodeAnimation

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

JavaMavenleetcodeleetcode-solutions

algorithm-visualizer/algorithm-visualizer

:fireworks:Interactive Online Platform that Visualizes Algorithms from Code

JavaScriptnpmMIT Licensealgorithmdata-structure

algorithm-visualizer.org

aseprite/aseprite

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

C++animationpixel-art

heygen-com/hyperframes

Write HTML. Render video. Built for agents.

TypeScriptnpmApache License 2.0aianimation

airbnb/lottie-android

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

JavaMavenApache License 2.0animationandroid

airbnb.io/lottie/

motiondivision/motion

A modern animation library for React and JavaScript

TypeScriptnpmMIT Licenseanimationanimation-js

pmndrs/react-three-fiber

🇨🇭 A React renderer for Three.js

TypeScriptnpmMIT Licensereactthreejs

docs.pmnd.rs/react-three-fiber

AtsushiSakai/PythonRobotics

Python sample codes and textbook for robotics algorithms.

PythonPyPIOtherpythonrobotics

atsushisakai.github.io/PythonRobotics/

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

JavaScriptnpmanimationgsap

airbnb/lottie-ios

An iOS library to natively render After Effects vector animations

SwiftApache License 2.0animationbodymovin

lottie.airbnb.tech