Generador de mockups de navegador

Una ventana de navegador limpia estilo macOS con barra de direcciones, plana o en 3D.

Suelta aquí tu captura

Tamaño

Formato

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

El marco de navegador es la forma más sencilla de presentar una web app. Tiene los botones tipo semáforo y una barra de direcciones con el dominio de tu producto. Usa una pantalla generada o tu captura.

Ejemplos

Landing · NavegadorLanding · NavegadorPanel · Navegador · IzquierdaPanel · Navegador · IzquierdaPrecios · Navegador · Desde arribaPrecios · Navegador · Desde arribaCRM · Navegador · Flotando · OscuroCRM · Navegador · Flotando · 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

¿Qué muestra la barra de direcciones?

El nombre de tu producto como dominio .com.

¿Hay ventana oscura?

Sí, al cambiar a Oscuro también se oscurece el marco del navegador.

¿Puedo usar una captura de página completa?

Sí, se alinea arriba y llena el ancho de la ventana.

¿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