Screenshot to Code
Platforms & harness multiplexersScreenshot to Code
Screenshot to Code turns screenshots, mockups, Figma designs and screen recordings into HTML, Tailwind, React or Vue code using AI models.
- Open source (MIT)
- Hosted app
- Self-hostable
- Multiple stacks
At a glance
Screenshot to Code is in the directory but not on our ranked shortlists, and we have no traction figure for it yet.
Key facts
As of Nov 12, 2026
- Who it's for
- Developers who want to go from a design image to a working front end, hosted or self-hosted with their own keys.
- What does it do?
- Converts screenshots, mockups, Figma designs and screen recordings of a website into functional code. Supported stacks are HTML + Tailwind, HTML + CSS, React + Tailwind, Vue + Tailwind, Bootstrap and Ionic + Tailwind.
- What does it cost?
- The code is open source under MIT. Running it locally needs at least one model provider key (OpenAI, Anthropic or Gemini). A hosted app is also available.
- Where does it run?
- Hosted at screenshottocode.com, or locally with a React/Vite frontend and a FastAPI backend.
- Which models does it use?
- Gemini 3 Flash and 3.1 Pro, GPT-5.5 and GPT-5.4 Mini, and Claude Opus models, with Replicate for image generation.
- Who makes it?
- abi, an individual maintainer on GitHub, with an official hosted product at screenshottocode.com.
Common questions
What is Screenshot to Code?
Screenshot to Code turns screenshots, mockups, Figma designs and screen recordings into HTML, Tailwind, React or Vue code using AI models.
Who is Screenshot to Code for?
Developers who want to go from a design image to a working front end, hosted or self-hosted with their own keys.
How much does Screenshot to Code cost?
The code is open source under MIT. Running it locally needs at least one model provider key (OpenAI, Anthropic or Gemini). A hosted app is also available. Checked against the vendor's pages on Nov 12, 2026. Plans change often, so confirm before you decide.
Does Screenshot to Code run locally or in the cloud?
Screenshot to Code runs in the vendor's cloud. You use it through chat apps and an API.
What are alternatives to Screenshot to Code?
See the Platforms & harness multiplexers shortlist for the other options.
Compare Screenshot to Code
No head-to-head pages for this one yet.