Mockup de app de chat

Telas de mensagens com lista de conversas, balões, fotos e indicador de digitação.

Solte seu print aqui

Tamanho

Formato

Sua imagem fica no seu navegador — nada é enviado.

O modelo de chat desenha um mensageiro de três colunas no desktop (conversas, chat ativo com balões e uma foto compartilhada e painel de perfil com arquivos) e uma tela de conversa clássica no iPhone.

Ideal para produtos de mensagens, suporte, comunidades e redes sociais.

Exemplos

Chat · iPhone · DireitaChat · iPhone · DireitaChat · MacBook · EsquerdaChat · MacBook · EsquerdaChat · AmbosChat · AmbosChat · iPhone · De cima · EscuroChat · iPhone · De cima · Escuro

Como funciona

  1. Escolha uma tela

    Um dos 18 tipos de interface (5 layouts cada) ou seu próprio print. Clique em “Outra variação” até gostar.

  2. Escolha um dispositivo

    iPhone 17 Pro, iPhone Air, MacBook Pro ou MacBook Air — ou uma janela de navegador.

  3. Baixe

    Escolha ângulo e fundo e baixe PNG, JPG ou WebP em alta resolução. Fundo transparente também funciona.

Perguntas

Dá para editar as mensagens?

As mensagens vêm de um conjunto de textos de exemplo. Clique em “Outra variação” para mudar para outro dos 5 layouts de chat.

Posso fazer um chat no modo escuro?

Sim, mude Cores para Escuro.

Posso usar o print do meu chat?

Sim, envie em “Seu print”.

É grátis?

Sim. Todas as interfaces, dispositivos, ângulos e tamanhos são grátis e não é preciso conta. Você pode usar as imagens em projetos comerciais.

Posso colocar meu próprio print em um iPhone ou MacBook?

Sim. Clique em “Seu print”, arraste uma imagem para a prévia ou cole com Ctrl/Cmd+V. A imagem é processada no navegador e nunca é enviada.

Mais mockups

Mockups por tipo de tela


Mockups por dispositivo