SpinKit — коллекция симпатичных анимаций загрузки на CSS

Как и многие классные инструменты, этот позволяет крайне просто и удобно интегрировать красивые анимации загрузки в свой веб-проект

У каждого варианта доступны исходные CSS- и HTML-коды

Также у проекта есть GitHub-репозиторий, на котором можно найти инструкцию по установке SpinKit через npm

Стоимость: #бесплатно

#css #web #анимация

Cubic-Bezier — онлайн-инструмент для создания собственных плавных анимаций и переходов

С его помощью можно настраивать кривые, чтобы точно контролировать скорость и плавность ваших анимаций на сайте

Утилита предлагает пользователям визуальный интерфейс, который позволяет легко играться с параметрами кривых и мгновенно видеть результаты в реальном времени

Стоимость: #бесплатно

#web #анимация #дизайн

Litemove — наглядный редактор анимации для всех веб-платформ

Он предлагает интуитивно понятный визуальный редактор, который сканирует ваши страницы, облегчая создание анимационных эффектов

После этого он генерирует коды GSAP для применения этих эффектов на ваших сайтах

Litemove совместим с целой кучей платформ: WordPress, Webflow, ReactJS и т.д

Стоимость: #бесплатно (но есть платные тарифы)

#анимация #web #редактор

Wave Snippets — инструмент для создания анимированных сниппетов вашего кода

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

Утилита отлично подойдёт для демонстрации примеров кода в блогах, презентациях или социальных сетях

Стоимость: #бесплатно

#code #анимация #сниппеты