Screenshot to Code

Drop in a screenshot, mockup, or screen recording and the tool emits working front-end code in HTML plus Tailwind, plain CSS, React, Vue, or Bootstrap, using vision-capable models such as Claude and GPT-4o to reconstruct layout, styling, and imagery; it can also replicate the design of a live site from a URL. The open source version is a Python FastAPI backend paired with a React and TypeScript frontend, run locally with your own API keys, while a hosted paid version at screenshottocode.com serves non-technical users, which makes the overall offering freemium on top of an MIT-licensed core. Video mode turns a screen recording of an interactive app into a functional prototype by sending keyframes to the model. With more than 73,000 GitHub stars it is among the most popular design-to-code projects, and agencies and product teams use it to skip the manual translation step between design artifacts and an initial codebase, treating the output as a starting scaffold rather than production code.