Saltar al contenido
Logo de Onlook for Web

Onlook for Web

Lienzo visual que edita el código real de un proyecto web, de modo que cada marco de diseño es una página funcional escrita de vuelta en el código fuente.

Open sourceMantenida activamente

Herramientas de desarrolloPara desarrolladoresPlan gratuito
onlook.com ↗LinkedInXYouTubeLanzado en Product Hunt · 25 ago 2025
Abrir onlook.comAlternativasImplantarlo en mi equipo
Onlook for Web: datos, precio, alternativas
De un vistazorevisado el 20 oct 2026

≈ 331visitas/mes

Uso aún no leído · estimación, leída el 20 oct 2026

Para
Diseñadores e ingenieros visuales que crean sitios web y prototipos directamente en código
Precio
Open sourcepágina de precios, leída el 20 oct 2026
Actividad
Mantenida activamenteversión hace 5 semanas · sitio actualizado hace 3 semanas
Empresa
Dominio desde 1996 · ~3 personasdominio registrado · según su página Acerca de
Para qué se usa
  • iterar páginas web con IA en un lienzo infinito
  • previsualizar y refinar diseños de sitios web con el código real
  • exportar y publicar código en GitHub o en un enlace alojado
leído en onlook.com el 20 oct 2026
Para sabercalculado con lo que leímos · cada dato con su fuente
  • Más usada que el 77% de las 2107 herramientas de su estanteINITE Atlas →
  • En la web desde 1996, más antigua que el 100% de su estanteINITE Atlas
  • 27.235 estrellas en GitHubGitHub ↗
  • Tiene un servidor MCP (1 en el registro)registro público →
  • Publica llms.txt, un archivo escrito para asistentes de IAonlook.com ↗
  • Lanzada en Product Hunt el 25 ago 2025Product Hunt ↗
Preciospágina de precios, leída el 20 oct 2026

Open source

página de precios

La empresacada dato con su fuente · leído el 20 oct 2026
Cómo llega un programa hasta élencontrado, no declarado · leído el 20 oct 2026
  • Servidor MCPhttps://mcp.onlook.com/mcpno está en el registro oficial: respondió al preguntarle
  • Estadoresponde, pide iniciar sesióncomprobado el 2026-10-27
  • Dirección para conectarmcp.onlook.com/mcp

Detalles del servidor MCP →

Esta ficha en JSON, para tu agente →

Cada línea es algo que un programa encontró al buscar: la entrada del registro, la respuesta del propio servidor, una especificación que se puede leer. Si falta una línea, es que no la encontramos, no que no exista.

Alternativas en Herramientas de desarrollopor uso, entre las que siguen mantenidas

Cifra y barra: visitas/mes, estimación · año: en línea desde

Comparar Onlook for Web con

Elige hasta dos.

Las 10 alternativas a Onlook for Web →

Todas las herramientas de Herramientas de desarrollo →

¿No es esto? Di lo que necesitas

beta

Tres herramientas del Atlas para el trabajo que describas, cada una con lo que encaja y lo que no.

De quienes la usanfuera de la lectura

Aún no hay notas. ¿Para qué usas Onlook for Web?

Inicia sesión para dejar una nota
Preguntas que responde esta página
  • ¿Qué es Onlook for Web?

    Lienzo visual que edita el código real de un proyecto web, de modo que cada marco de diseño es una página funcional escrita de vuelta en el código fuente. En el Atlas figura en Herramientas de desarrollo.

  • ¿Para quién es Onlook for Web?

    Diseñadores e ingenieros visuales que crean sitios web y prototipos directamente en código

  • ¿Cuánto cuesta Onlook for Web?

    Onlook for Web es open source, según su página de precios del 2026-10-20.

  • ¿Onlook for Web es gratis?

    Sí: Onlook for Web es gratis, según su página de precios, consultada el 2026-10-20.

  • ¿Onlook for Web sigue mantenida?

    Mantenida activamente: versión hace 5 semanas · sitio actualizado hace 3 semanas.

  • ¿Qué alternativas hay a Onlook for Web?

    En Herramientas de desarrollo, por uso: Replit, Fusion, v0, OpenHands, Modeinspect.

Cómo leemos una herramienta

Sin votos, sin reseñas, sin afirmaciones del proveedor. Cada semana un rastreador lee el propio sitio de cada herramienta y unos pocos registros públicos, y las palabras de la tarjeta son bandas sobre lo que leyó.

  • Uso: visitas al sitio (estimadas), instalaciones desde npm y PyPI, presencia en el informe de uso de Chrome.
  • Actividad: la versión más reciente en GitHub, npm o PyPI; la página con fecha más reciente del sitio; vacantes abiertas en un tablón público.
  • Precio: la propia página de precios del proveedor, leída con fecha. Una cifra se imprime solo cuando está en esa página.
  • La línea y los casos de uso los escribimos nosotros a partir de la página de inicio, herramienta a herramienta, y se rechazan cuando repiten el marketing del proveedor.

Cómo leen los asistentes de IA cada sitio —la lectura por la que nos preguntan los proveedores— está en la página de visibilidad de cada herramienta.

Cómo leemos cada herramienta → · Por Redacción de INITE Atlas