Генератор мокапов браузера

Аккуратное окно браузера в стиле macOS с адресной строкой — прямо или в 3D.

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

Размер

Формат

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

Рамка браузера — самый простой способ показать веб-приложение. В ней есть кнопки-«светофор» и адресная строка с доменом вашего продукта. Используйте сгенерированный экран или свой скриншот сайта.

Примеры

Лендинг · БраузерЛендинг · БраузерДашборд · Браузер · СлеваДашборд · Браузер · СлеваТарифы · Браузер · СверхуТарифы · Браузер · СверхуCRM · Браузер · В воздухе · ТёмнаяCRM · Браузер · В воздухе · Тёмная

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

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

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

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

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

  3. Скачайте

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

Вопросы

Что показано в адресной строке?

Название вашего продукта как домен .com.

Есть тёмное окно?

Да, в тёмной теме рамка браузера тоже становится тёмной.

Можно вставить скриншот всей страницы?

Да, скриншот выравнивается по верху и заполняет окно по ширине.

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

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

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

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

Ещё мокапы

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


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