Generador de mockups isométricos

Coloca cualquier pantalla en vista isométrica 3D: en iPhone, MacBook, una ventana de navegador o flotando.

Suelta aquí tu captura

Tamaño

Formato

Tu imagen se queda en tu navegador: no subimos nada.

Elige el ángulo «Desde arriba» y el dispositivo se apoya en una mesa virtual vista desde arriba en ángulo isométrico, el estilo de las webs SaaS modernas. Todo se renderiza en 3D real, así que bordes, grosor y sombras se ven bien.

Combínalo con «Sin marco» para una tarjeta de UI flotante y limpia.

Ejemplos

Panel · Escritorio · Desde arribaPanel · Escritorio · Desde arribaFinanzas · iPhone · Desde arribaFinanzas · iPhone · Desde arribaTareas · MacBook · Desde arribaTareas · MacBook · Desde arribaCRM · Navegador · Desde arriba · OscuroCRM · Navegador · Desde arriba · Oscuro

Cómo funciona

  1. Elige una pantalla

    Uno de los 18 tipos de interfaz (5 diseños cada uno) o tu propia captura. Pulsa “Otra variante” hasta que te guste.

  2. Elige un dispositivo

    iPhone 17 Pro, iPhone Air, MacBook Pro o MacBook Air, o una ventana de navegador.

  3. Descarga

    Elige ángulo y fondo y descarga un PNG, JPG o WebP en alta resolución. También con fondo transparente.

Preguntas

¿Es 3D real?

Sí, los dispositivos son modelos 3D renderizados con WebGL en tu navegador.

¿Qué ángulos hay?

De frente, izquierda, derecha, desde arriba (isométrico) y flotando.

¿Puedo exportar con transparencia?

Sí, elige el fondo de cuadros.

¿Es gratis?

Sí. Todas las interfaces, dispositivos, ángulos y tamaños son gratis y no necesitas cuenta. Puedes usar las imágenes en proyectos comerciales.

¿Puedo poner mi propia captura en un iPhone o MacBook?

Sí. Pulsa “Tu captura”, arrastra una imagen a la vista previa o pégala con Ctrl/Cmd+V. La imagen se procesa en tu navegador y nunca se sube.

Más mockups

Mockups por tipo de pantalla


Mockups por dispositivo