Роман Ткачёв
AI

8 бесплатных библиотек с анимированными иконками

Если интерфейс выглядит слишком статично, не обязательно самостоятельно анимировать каждый SVG. Вот восемь открытых библиотек с готовыми иконками для сайтов и приложений.

  1. Lucide Animated
    Плавные иконки Lucide для React, созданные с помощью Motion.
  2. AnimateIcons
    Анимированная коллекция Lucide с готовыми компонентами.
  3. Heroicons Animated
    Более 300 анимированных Heroicons для React.
  4. React UseAnimations
    Lottie-иконки для React с настройкой размера, цвета, скорости и событий.
  5. Lucide Motion Vue
    Библиотека для Vue 3 и Nuxt: 523 иконки и более 800 вариантов анимации.
  6. Material Line Icons
    Более 1200 анимированных SVG-иконок в экосистеме Iconify.
  7. Moving Icons
    Готовые движущиеся иконки с предпросмотром в браузере.
  8. ItsHover
    Коллекция иконок с анимацией при наведении.

Список стоит сохранить до того момента, когда заказчик попросит «немного оживить интерфейс» за полчаса до релиза.