Мокап мессенджера

Экраны мессенджера: список диалогов, пузыри сообщений, фото и индикатор набора текста.

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

Размер

Формат

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

Шаблон чата рисует на компьютере мессенджер в три колонки — диалоги, открытый чат с сообщениями и фото и панель профиля с файлами, — а на iPhone классический экран переписки.

Подходит для мессенджеров, поддержки, сообществ и социальных продуктов.

Примеры

Чат · iPhone · СправаЧат · iPhone · СправаЧат · MacBook · СлеваЧат · MacBook · СлеваЧат · ВместеЧат · ВместеЧат · iPhone · Сверху · ТёмнаяЧат · iPhone · Сверху · Тёмная

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

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

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

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

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

  3. Скачайте

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

Вопросы

Можно изменить сообщения?

Сообщения берутся из набора дружелюбных примеров. Нажмите «Другой вариант», чтобы переключиться на другой из 5 лейаутов чата.

Можно сделать тёмный мессенджер?

Да, переключите «Цвета» на «Тёмная».

Можно вставить свой скриншот чата?

Да, загрузите его через «Свой скриншот».

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

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

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

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

Ещё мокапы

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


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