Ir para o conteúdo
Logo de Onlook for Web

Onlook for Web

Tela visual que edita o código real de um projeto web, de modo que cada quadro de design é uma página funcional gravada de volta no código-fonte.

Open sourceMantida ativamente

Ferramentas de desenvolvimentoPara programadoresPlano gratuito
onlook.com ↗LinkedInXYouTubeLançado no Product Hunt · 25 de ago. de 2025
Abrir onlook.comAlternativasImplantar na minha equipe
Onlook for Web: dados, preço, alternativas
Em resumoverificado em 20 de out. de 2026

≈ 331visitas/mês

Uso ainda não lido · estimativa, lida em 20 de out. de 2026

Para
Designers e engenheiros visuais que criam sites e protótipos diretamente em código
Preço
Open sourcepágina de preços, lida em 20 de out. de 2026
Atividade
Mantida ativamenteversão há 5 semanas · site atualizado há 3 semanas
Empresa
Domínio desde 1996 · ~3 pessoasdomínio registrado · segundo a página Sobre deles
Para que serve
  • iterar páginas web com IA em uma tela infinita
  • visualizar e refinar layouts de sites com o código real
  • exportar e publicar código no GitHub ou em um link hospedado
lido em onlook.com em 20 de out. de 2026
Vale sabercalculado com o que lemos · cada fato com sua fonte
  • Mais usada que 77% das 2.107 ferramentas da prateleiraINITE Atlas →
  • Na web desde 1996, mais antiga que 100% da prateleiraINITE Atlas
  • 27.235 estrelas no GitHubGitHub ↗
  • Tem um servidor MCP (1 no registro)registro público →
  • Publica llms.txt, um arquivo escrito para assistentes de IAonlook.com ↗
  • Lançada no Product Hunt em 25 de ago. de 2025Product Hunt ↗
Preçospágina de preços, lida em 20 de out. de 2026

Open source

página de preços

A empresacada fato com sua fonte · lido em 20 de out. de 2026
Como um programa chega até eleencontrado, não declarado · lido em 20 de out. de 2026
  • Servidor MCPhttps://mcp.onlook.com/mcpfora do registro oficial: respondeu quando perguntado
  • Estadoresponde, exige loginverificado em 2026-10-27
  • Endereço para conectarmcp.onlook.com/mcp

Detalhes do servidor MCP →

Este cartão em JSON, para o seu agente →

Cada linha é algo que um programa encontrou ao procurar: o registro, a resposta do próprio servidor, uma especificação que se lê. Linha ausente quer dizer que não encontramos, não que não exista.

Alternativas em Ferramentas de desenvolvimentopor uso, entre as que continuam mantidas

Número e barra: visitas/mês, estimativa · ano: no ar desde

Comparar Onlook for Web com

Escolha até dois.

Todas as 10 alternativas ao Onlook for Web →

Todas as ferramentas de Ferramentas de desenvolvimento →

Não é isso? Diga o que precisa

beta

Três ferramentas do Atlas para o trabalho que você descrever, cada uma com o que atende e o que não.

De quem usafora da leitura

Ainda sem notas. Para que você usa Onlook for Web?

Entre para deixar uma nota
Perguntas que esta página responde
  • O que é Onlook for Web?

    Tela visual que edita o código real de um projeto web, de modo que cada quadro de design é uma página funcional gravada de volta no código-fonte. No Atlas, está em Ferramentas de desenvolvimento.

  • Para quem é Onlook for Web?

    Designers e engenheiros visuais que criam sites e protótipos diretamente em código

  • Quanto custa Onlook for Web?

    Onlook for Web é open source, segundo sua página de preços em 2026-10-20.

  • O Onlook for Web é gratuito?

    Sim: o Onlook for Web é gratuito, segundo sua página de preços, consultada em 2026-10-20.

  • Onlook for Web continua mantida?

    Mantida ativamente: versão há 5 semanas · site atualizado há 3 semanas.

  • Quais são as alternativas a Onlook for Web?

    Em Ferramentas de desenvolvimento, por uso: Replit, Fusion, v0, OpenHands, Modeinspect.

Como lemos uma ferramenta

Sem votos, sem avaliações, sem alegações do fornecedor. Toda semana um rastreador lê o próprio site de cada ferramenta e alguns registros públicos, e as palavras no cartão são faixas sobre o que ele leu.

  • Uso: visitas ao site (estimadas), instalações do npm e do PyPI, presença no relatório de uso do Chrome.
  • Atividade: a versão mais recente no GitHub, npm ou PyPI; a página datada mais recente do site; vagas abertas em um quadro público.
  • Preço: a própria página de preços do fornecedor, lida com data. Um número só é impresso quando está naquela página.
  • A linha e os casos de uso são escritos por nós a partir da página inicial, ferramenta a ferramenta, e recusados quando repetem o marketing do fornecedor.

Como os assistentes de IA leem cada site — a leitura sobre a qual os fornecedores nos perguntam — está na página de visibilidade de cada ferramenta.

Como lemos cada ferramenta → · Por Redação do INITE Atlas