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

Motion

Библиотека Motion для анимации интерфейсов на JavaScript, React и Vue. Подходит для реализации переходов, появления элементов и движения на веб-странице.

Открыть Motion ↗

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

анимировать React-компонент
сделать переход на сайте
настроить движение в коде

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

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

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На сайт ↗