Генератор изометрических мокапов

Положите любой экран в изометрическом 3D-виде — на iPhone, MacBook, в окне браузера или как парящую карточку.

Перетащите сюда скриншот

Размер

Формат

Картинка остаётся в вашем браузере — мы ничего не загружаем.

Выберите ракурс «Сверху» — устройство ляжет на виртуальный стол и будет видно сверху под изометрическим углом, как на современных SaaS-сайтах. Всё рисуется в настоящем 3D, поэтому грани, толщина и тени выглядят правильно.

Сочетайте с вариантом «Без рамки», чтобы получить чистую парящую карточку интерфейса.

Примеры

Дашборд · Компьютер · СверхуДашборд · Компьютер · СверхуФинансы · iPhone · СверхуФинансы · iPhone · СверхуЗадачи · MacBook · СверхуЗадачи · MacBook · СверхуCRM · Браузер · Сверху · ТёмнаяCRM · Браузер · Сверху · Тёмная

Как это работает

  1. Выберите экран

    Один из 18 типов интерфейса (по 5 лейаутов) или свой скриншот. Нажимайте «Другой вариант», пока не понравится.

  2. Выберите устройство

    iPhone 17 Pro, iPhone Air, MacBook Pro или MacBook Air — или окно браузера.

  3. Скачайте

    Выберите ракурс и фон и скачайте PNG, JPG или WebP в высоком разрешении. Можно с прозрачным фоном.

Вопросы

Это настоящее 3D?

Да, устройства — 3D-модели, которые рисуются через WebGL прямо в браузере.

Какие ракурсы есть?

Прямо, слева, справа, сверху (изометрия) и в воздухе.

Можно скачать с прозрачным фоном?

Да, выберите фон в шахматную клетку.

Это бесплатно?

Да. Все интерфейсы, устройства, ракурсы и размеры бесплатны, регистрация не нужна. Картинки можно использовать в коммерческих проектах.

Можно вставить свой скриншот в iPhone или MacBook?

Да. Нажмите «Свой скриншот», перетащите картинку на превью или вставьте её через Ctrl/Cmd+V. Изображение обрабатывается прямо в браузере и никуда не загружается.

Ещё мокапы

Мокапы по типу экрана


Мокапы по устройству