Почему ?

Framer Motion — это библиотека, которая позволяет легко анимировать в приложениях React. Используется для добавления анимационных эффектов, таких как переходы и перетаскивание.

Кто автор?

Создано компанией Framer. Framer — компания, которая занимается разработкой инструментов проектирования и прототипирования пользовательского интерфейса (UI).

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

Framer поддерживает React 18 и выше. Чтобы установить через npm, выполните следующую команду.

npm install framer-motion

Библиотека движений Framer не имеет каких-либо зависимостей, и вы можете начать применять ее с помощью одного пакета.

Framer motion показал, что он получил серьезную оценку со стороны пользователей: по состоянию на сегодняшний день (10.07.2024) он получил около 3,4 миллиона загрузок в неделю на npm и 22700 звезд на Github.

Использовать

В нужный компонент вы можете импортировать объект motion из библиотеки framer-motion и добавить компонент движения к любому элементу html или svg.

import { motion } from "framer-motion";

export default function App() {
  return ;
}