Gerador de mockup isométrico

Coloque qualquer tela em vista isométrica 3D: no iPhone, MacBook, janela de navegador ou flutuando.

Solte seu print aqui

Tamanho

Formato

Sua imagem fica no seu navegador — nada é enviado.

Escolha o ângulo “De cima” e o dispositivo fica apoiado em uma mesa virtual, visto de cima em ângulo isométrico, o visual dos sites SaaS modernos. Tudo é renderizado em 3D real, então bordas, espessura e sombras ficam corretas.

Combine com “Sem moldura” para um card de UI flutuante e limpo.

Exemplos

Painel · Desktop · De cimaPainel · Desktop · De cimaFinanças · iPhone · De cimaFinanças · iPhone · De cimaTarefas · MacBook · De cimaTarefas · MacBook · De cimaCRM · Navegador · De cima · EscuroCRM · Navegador · 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

É 3D de verdade?

Sim, os dispositivos são modelos 3D renderizados com WebGL no seu navegador.

Quais ângulos existem?

De frente, esquerda, direita, de cima (isométrico) e flutuando.

Posso exportar com transparência?

Sim, escolha o fundo quadriculado.

É 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