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

Например, такие 👇

Framer Motion
Готовые анимации с декларативным синтаксисом кода. У библиотеки хорошая документация, 19 000 звёзд на GitHub и 2,2 млн загрузок NPM еженедельно.

tsParticles
Поможет легко создавать анимированные фоны. Конфетти, фейерверки, летающие частицы и другие настраиваемые анимации. 5 500 звёзд на GitHub и 49 600 загрузок NPM еженедельно.

Green Sock
Детальный контроль над параметрами анимации и высокая производительность. На GitHub 16 500 звёзд, NPM загрузок 400 000 еженедельно.

Remotion
Позволяет создавать видео и анимацию с помощью HTML, CSS, JavaScript и TypeScript. 16 100 звёзд на GitHub и 14 400 загрузок NPM еженедельно.

React Move
Весит всего 3,5 КБ (в сжатом виде) и помогает добавлять анимацию для отображения и вывода данных. 6 500 звёзд на GitHub и 83 000 загрузок NPM еженедельно.

React Awesome Reveal
Добавляет анимацию при прокрутке. Использует API Intersection Observer для определения появления элементов в области просмотра. 888 звёзд на GitHub и 17 900 загрузок NPM еженедельно.

⏺Забирайте эту подборку себе, чтобы не потерять. Пишите, какие библиотеки используете чаще всего на своих проектах.

#ресурсы #react