anime
Из публичных источниковAnime.js — легковесная JavaScript-библиотека для анимации CSS-свойств, SVG, DOM-атрибутов и JavaScript-объектов, распространяемая по лицензии MIT.
Обзор
Ручная анимация интерфейсов требует постоянной работы с временной шкалой, кривыми плавности и последовательными задержками для CSS, SVG и обычных JavaScript-значений. Anime.js — JavaScript-библиотека для анимации, которая решает все эти задачи с помощью одного простого и единообразного API. Она работает с CSS-свойствами, SVG, DOM-атрибутами и JavaScript-объектами и поддерживает стаггеринг, функции плавности и зацикливание.
Функции animate и stagger подключаются как ES-модули, после чего вы описываете целевые элементы и свойства, которые нужно изменить. Библиотека бесплатна, распространяется по лицензии MIT и остаётся компактной, поэтому подходит как для небольших эффектов интерфейса, так и для крупных интерактивных страниц.
Она будет полезна фронтенд-разработчикам и дизайнерам, которым нужна выразительная анимация без тяжёлого фреймворка. Установить её можно из npm или подключить через CDN.
- animation
- anime
- canvas
- css
- javascript
- javascript-library
- svg
Установка
Команды только показываются, маркетплейс их не выполняет. Сверяйтесь с официальной документацией.- Официальный сайтИз публичных источниковиз метаданных каталогаanimejs.com/ ↗
- Реестр пакетов языкаnodejsИз публичных источниковиз манифеста пакета — публикация в реестре не проверена
npm install animejsНе проверено: перед установкой убедитесь, что пакет в реестре принадлежит этому проекту.
www.npmjs.com/package/animejs ↗ - Сборка из исходниковИз публичных источниковиз метаданных каталога
Сборка из исходников: проверенного рецепта сборки нет — следуйте инструкциям репозитория.
github.com/juliangarnier/anime ↗
Совместимость
«Неизвестно» значит, что доказательств не найдено, а не что продукт несовместим.| Платформа | Статус | Архитектура | Доказательство | Уверенность |
|---|---|---|---|---|
| Node.js | Совместимо | — | манифест пакета: package.json name | 0.60 |
| Python | Неизвестно | — | — | — |
| JVM | Неизвестно | — | — | — |
| .NET | Неизвестно | — | — | — |
| WebAssembly | Неизвестно | — | — | — |
| Web browser | Неизвестно | — | — | — |
Релизы
проверено 29 окт. 2026 г.Файлы версии 4.5.0
К релизу не приложены файлы.
История релизов
- v4.4.130 апр. 2026 г.Официальный источник ↗
- v4.4.029 апр. 2026 г.Официальный источник ↗
- v4.3.613 февр. 2026 г.Официальный источник ↗
- v4.3.525 янв. 2026 г.Официальный источник ↗
- v4.3.423 янв. 2026 г.Официальный источник ↗
- v4.3.322 янв. 2026 г.Официальный источник ↗
- v4.3.222 янв. 2026 г.Официальный источник ↗
Профиль качества
алгоритм quality-v1.0 · оценено 15 окт. 2026 г.Оценка качества96
Оценка риска0
Оценка качества и оценка риска — разные показатели. Высокое качество не гарантирует безопасность.
Составляющие оценки
Поддержка · 2016
Документация · 1515
Готовность к использованию · 1515
Метаданные · 1010
Релизы · 1010
Точность категории · 1010
Популярность · 1010
Ясность лицензии · 55
Сообщество · 55
Лицензия
MITЭто статус политики каталога, а не юридическое заключение.
Источники
github.com/juliangarnier/animeОсновной★ 73 636 звёздактивность 21 авг. 2026 г.Основной репозиторий · Уверенность 1.00
Отзывы
Отзывов пока нет.
Альтернативы
three.jsПохожий
three.js — JavaScript-библиотека для 3D с открытым кодом (лицензия MIT), которая упрощает создание WebGL- и WebGPU-сцен в браузере.MIT · Библиотеки и SDK
pixijsПохожий
dotlottie-webПохожий
GSAPПохожий
remotionПохожий
tiptapПохожийREADME
Из juliangarnier/anime · лицензия MIT · загружено 29 окт. 2026 г.Anime.js
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
});
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 |