Repolode
Предложить
juliangarnier

juliangarnier/anime

Лёгкая JavaScript-библиотека для анимации CSS-свойств, SVG, DOM-атрибутов и обычных JavaScript-объектов.

Открыть на GitHubСайт
Звёзды
73,752
Форки
4,987
Открытые issues
124
Последний коммит
2 месяца назад

Что это?

Anime.js — движок анимации на JavaScript с единым API для анимации CSS-свойств, SVG-элементов, DOM-атрибутов и JavaScript-объектов. Анимации задаются с помощью селекторов целевых элементов и значений свойств, а параметры вроде длительности, задержки, функции сглаживания, зацикливания и воспроизведения в обратном порядке определяют их ход.

Версия 4 распространяется в виде ES-модулей и импортируется из пакета animejs. Вспомогательная функция stagger распределяет задержки между несколькими целевыми элементами, например задаёт начало анимации от центра группы. Библиотека распространяется по лицензии MIT и описывается как лёгкая и универсальная.

В репозитории есть скрипты сборки, которые создают бандлы ESM, UMD, CJS и IIFE, а также объявления типов TypeScript; кроме того, предусмотрены наборы тестов для браузера и Node. Полная документация размещена на сайте проекта, а руководство по миграции описывает переход с v3.

Ключевые возможности

  • 01Анимирует CSS-свойства, SVG, DOM-атрибуты и JavaScript-объекты через единый API.
  • 02Поддерживает stagger для распределения задержек между несколькими целевыми элементами.
  • 03Предлагает функции сглаживания, зацикливание и воспроизведение в обратном порядке.
  • 04Поставляется в виде ES-модулей и сборок UMD, CJS и IIFE.
  • 05Включает объявления типов TypeScript.

Сценарии использования

  • Добавление движения элементам веб-страницы, например перемещение или вращение блоков при загрузке.
  • Анимация SVG-путей и иконок в веб-интерфейсе.
  • Плавное изменение числовых значений в обычных JavaScript-объектах для canvas или пользовательской отрисовки.

Быстрый старт

  1. 1

    Установите пакет с помощью npm

    npm i animejs
  2. 2

    Импортируйте animate и stagger из animejs и вызовите animate для селектора

Темы

#animation#javascript#svg#css#canvas#frontend-library#anime#javascript-library

Частые вопросы

Что такое anime?
Лёгкая JavaScript-библиотека для анимации CSS-свойств, SVG, DOM-атрибутов и обычных JavaScript-объектов. Anime.js — движок анимации на JavaScript с единым API для анимации CSS-свойств, SVG-элементов, DOM-атрибутов и JavaScript-объектов. Анимации задаются с помощью селекторов целевых элементов и значений свойств, а параметры вроде длительности, задержки, функции сглаживания, зацикливания и воспроизведения в обратном порядке определяют их ход.
anime можно использовать бесплатно? Какая у него лицензия?
anime распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
anime всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в anime — 21 авг. 2026 г..
Для чего можно использовать anime?
Добавление движения элементам веб-страницы, например перемещение или вращение блоков при загрузке. Анимация SVG-путей и иконок в веб-интерфейсе. Плавное изменение числовых значений в обычных JavaScript-объектах для canvas или пользовательской отрисовки.
Как установить anime?
Установите пакет с помощью npm: npm i animejs Импортируйте animate и stagger из animejs и вызовите animate для селектора
Где скачать anime?
Исходный код и инструкции по установке — на GitHub: https://github.com/juliangarnier/anime

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты