motiondivision/motion

Что это?

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

• 01Декларативные компоненты React и функция animate для обычного JavaScript.
• 02Физика пружин, жесты и переходы макета.
• 03Эффекты, связанные с прокруткой, и таймлайны.
• 04Поддержка Vue через пакет motion-v.
• 05Типы TypeScript и сборки с удалением неиспользуемого кода.

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

• Добавление анимации появления, исчезновения и наведения к интерфейсам на компонентах React.
• Анимация элементов, меняющих положение или размер в макете.
• Создание эффектов, управляемых прокруткой, на маркетинговых страницах и лендингах.
• Добавление анимации в приложение Vue без низкоуровневого кода для работы с анимацией.

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

1. 1

   Установите Motion для React или JavaScript

   npm install motion
2. 2

   Установите Motion для Vue

   npm install motion-v
3. 3

   Импортируйте и используйте компонент React

Что важно знать

• !Framer Motion был переименован в Motion, поэтому старые импорты framer-motion нужно заменить на motion/react.

Темы

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

Что такое motion?

Библиотека анимации с открытым исходным кодом для JavaScript, React и Vue: пружины, жесты, переходы макета и эффекты, связанные с прокруткой. Motion — библиотека анимации для JavaScript с отдельными пакетами для React и Vue. Пакет для React импортируется из motion/react, а основной пакет для JavaScript предоставляет функцию animate, принимающую селектор или элемент и набор целевых значений.

motion можно использовать бесплатно? Какая у него лицензия?

motion распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

motion всё ещё поддерживается?

Активно поддерживается. Последний коммит в motion — 7 нояб. 2026 г..

Для чего можно использовать motion?

Добавление анимации появления, исчезновения и наведения к интерфейсам на компонентах React. Анимация элементов, меняющих положение или размер в макете. Создание эффектов, управляемых прокруткой, на маркетинговых страницах и лендингах. Добавление анимации в приложение Vue без низкоуровневого кода для работы с анимацией.

Как установить motion?

Установите Motion для React или JavaScript: npm install motion Установите Motion для Vue: npm install motion-v Импортируйте и используйте компонент React

Где скачать motion?

Исходный код и инструкции по установке — на GitHub: https://github.com/motiondivision/motion