abi/screenshot-to-code

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

74677 stars · 9144 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

An AI-powered application that converts screenshots, mockups, Figma designs, and screen recordings into clean functional code (HTML/Tailwind, React, Vue, Bootstrap, Ionic). It ships as a React/Vite frontend with a FastAPI backend that calls LLM providers like Gemini, OpenAI, and Anthropic.

Use cases

• convert a screenshot of a webpage into HTML and Tailwind code
• turn a Figma design into a React component
• generate a Vue page from a UI mockup
• recreate a landing page from an image
• turn a screen recording of a website into a working prototype
• bootstrap frontend code from a design handoff

When to choose

• you want to quickly scaffold frontend code from a visual design or screenshot
• you need a starting point for recreating an existing UI in HTML/Tailwind, React, or Vue
• you want a self-hostable AI design-to-code tool with multiple model provider options

When to avoid

• you need pixel-perfect, production-ready code without manual cleanup
• you cannot provide API keys for cloud LLM providers and require fully offline generation
• you are converting complex application logic rather than visual UI

Facets

application · maturity active

machine-learning llm-inference web-framework frontend-framework web-development artificial-intelligence large-language-models developer-tools self-hosted python screenshot-to-code design-to-code tailwind react vue figma ai-codegen fastapi code-generation web-server docker nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="abi/screenshot-to-code")