Screenshot to Code

●Free●Open Source

Transforma screenshot, mockup ou URL em código HTML/CSS/JS funcional usando modelos de visão como GPT-4o, Claude Sonnet e Gemini. Para designers e devs que precisam transformar um visual em front-end sem ficar digitando div por div. O diferencial é o suporte a múltiplos modelos de IA e múltiplos frameworks de saída (HTML puro, React, Vue, Tailwind). Open source, roda local com sua própria chave de API — você controla os custos e os dados.

design-to-codegeração de códigofront-endvisão computacionalopen sourceopen-source

Acessar Ferramenta

Sobre

Criado por Abi Raja, o screenshot-to-code é uma das ferramentas de design-to-code mais estreladas do GitHub (72k+ stars), surgiu quando os modelos de visão ficaram bons o bastante pra interpretar layout com precisão. A ideia é simples: você joga uma imagem ou URL, o modelo entende a estrutura visual e devolve código front-end utilizável. Sem backend proprietário, sem assinatura — você usa sua própria chave de API dos provedores.

Ferramentas Relacionadas

codeimage

A tool to beautify your code screenshots. Built with SolidJS and Fastify....

Screenzy

Screenzy transforma screenshots comuns em imagens prontas pra postar — sem insta...

Instant Eyedropper

Captura a cor de qualquer pixel na tela com um único clique e joga direto na áre...

Pika - Screenshots e Mockups com Estilo

Ferramenta pra capturar, customizar e compartilhar screenshots com templates pro...

Voltar ao catalogo