Mockup de Captura — Embellece Tus Capturas de Pantalla
Suelta una captura y obtén un hermoso mockup con marco de navegador, fondo degradado, relleno y sombra. Perfecto para redes sociales, portafolios y lanzamientos. Exportación PNG.
Mockup de Captura — Convierte Capturas Simples en Visuales Pulidos
Suelta una captura de pantalla y mira cómo se transforma en un hermoso mockup con un marco de ventana de navegador, fondo degradado, sombra suave y esquinas redondeadas — el tipo de visual que ves por todo X, LinkedIn y páginas de lanzamiento de producto. Ajusta cada parámetro y exporta un PNG de alta resolución. Todo se compone en vivo con HTML Canvas en tu navegador.
Qué puedes hacer
- Marco de navegador: envuelve tu captura en una ventana realista estilo macOS con botones de semáforo y barra de URL (modo claro u oscuro)
- Marco de teléfono: muestra capturas de apps dentro de un marco limpio de teléfono con notch e indicador home
- Sin marco: solo esquinas redondeadas + sombra + fondo, para tomas limpias de producto
- 12 fondos degradados: desde pasteles suaves hasta tonos oscuros intensos
- Relleno, radio y sombra: tres deslizadores para afinar la composición
- Texto personalizado de la barra de URL: muestra tu dominio real
- Exportación PNG: salida de alta resolución lista para compartir
Perfecto para
- Publicaciones en redes sociales (X, LinkedIn, Instagram, Threads) que necesitan destacar
- Páginas de lanzamiento de producto y visuales hero de landing pages
- Documentación y tutoriales donde las capturas planas se ven aburridas
- Portafolios y estudios de caso donde la presentación importa
- Banners de newsletter y visuales de email
Cómo funciona
La imagen se compone enteramente en un <canvas> HTML: el fondo degradado, la máscara de esquinas redondeadas, la cromática del navegador estilo macOS con sus botones y píldora de URL, la sombra, y tu captura dibujada encima — todo ensamblado matemáticamente en píxeles. El resultado es un único archivo PNG que puedes descargar y usar en cualquier lugar.
Consejos
- Para redes sociales, relleno generoso (80–120 px) y un degradado marcado se ven mejor
- Usa la barra oscura para capturas en modo nocturno
- El marco de teléfono funciona mejor con capturas en orientación vertical (apps móviles)
- Añade una sombra real pero mantenla sutil — 25 a 40 en el deslizador suele ser ideal
Privacidad
Tu captura nunca sale de tu dispositivo. Toda la composición y exportación se hacen localmente — nada se sube.