react-awesome-slider

npm install react-awesome-slider

Гибкая библиотека для создания слайдеров с анимацией, поддержкой кастомных стилей и расширенных настроек.

Ссылка на библиотеку

❤️ React Tips & Tricks | #visual #slider #animation #carousel #react #UX

react-content-loader && skeletonreact

npm install react-content-loader

Библиотека для создания skeleton-загрузчиков с помощью SVG. Позволяет легко кастомизировать форму, размер и анимацию для имитации загрузки контента.
&&
skeletonreact - сайт с удобным конструктором и большой базой готовых шаблонов skeleton-загрузчиков

Ссылка на библиотеку | Ссылка на конструктор

❤️ React Tips & Tricks | #visual #loading #skeleton #animation #react #UI #customization

react-awesome-reveal

npm install react-awesome-reveal

Библиотека для добавления анимации при появлении элементов с использованием Intersection Observer API. Легкая настройка и готовые эффекты.

Ссылка на библиотеку

❤️ React Tips & Tricks | #visual #animation #reveal #react #UI #effects #motion

react-typewriter-effect

npm install react-typewriter-effect

Простая библиотека для создания эффекта печатающего текста с поддержкой настроек скорости, пауз и стилей.

Ссылка на библиотеку

❤️ React Tips & Tricks | #visual #typewriter #animation #react #UI #text_effects #customization

react-circular-progressbar

npm install react-circular-progressbar

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

Ссылка на библиотеку

❤️ React Tips & Tricks | #visual #progress-bar #circular #react #UI #customization #animation