Прототипирование

anime.js

JavaScript-библиотека для анимации элементов веб-страницы. Позволяет задавать движение, последовательности и эффекты, когда анимацию нужно реализовать в коде.

Открыть anime.js ↗

Для каких задач

анимировать веб-элемент
настроить последовательность движения
реализовать анимацию кодом

Тарифы, доступность и условия использования уточняйте на сайте ресурса.

Ещё для этой задачи

Framer

Визуальная платформа для создания и публикации сайтов с CMS и AI-помощником. Подходит для лендинга или портфолио, которое дизайнер собирает на редактируемом холсте.

Прототипирование

www.framer.comНа сайт ↗

Adobe XD

Редактор интерфейсов и интерактивных прототипов Adobe. Продукт находится в режиме поддержки: имеет смысл прежде всего для работы с уже существующими XD-файлами.

Прототипирование

helpx.adobe.comНа сайт ↗

Anima

AI-инструмент, который превращает Figma-макет, ссылку или текстовое описание в веб-приложение и код. Помогает перейти от визуального проекта к рабочей реализации.

Прототипирование

www.animaapp.comНа сайт ↗

Axure

Инструмент для сложных UX-прототипов с условиями, состояниями и логикой взаимодействия. Позволяет показать поведение продукта и подготовить спецификации до разработки.

Прототипирование

www.axure.comНа сайт ↗

Balsamiq

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

Прототипирование

balsamiq.comНа сайт ↗

Bloo

Набор низкодетализированных компонентов и мобильных экранов для вайрфреймов. Поддержка тёмной темы помогает быстро собрать каркас приложения в двух вариантах.

Прототипирование

bloouikit.comНа сайт ↗