# Screenshot to Code [Platforms & harness multiplexers](https://www.agentlist.io/categories/platform)Screenshot to Code[Last checked Nov 12, 2026](https://www.agentlist.io/changelog) Screenshot to Code turns screenshots, mockups, Figma designs and screen recordings into HTML, Tailwind, React or Vue code using AI models. [Visit Screenshot to Code](https://screenshottocode.com/) - [screenshottocode.com](https://screenshottocode.com/) - [github.com/abi/screenshot-to-code](https://github.com/abi/screenshot-to-code) - Open source (MIT) - Hosted app - Self-hostable - Multiple stacks ## At a glance **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. [github.com (source for What does it do?)](https://github.com/abi/screenshot-to-code) [screenshottocode.com (source for What does it do?)](https://screenshottocode.com/) **Where does it run?**: Hosted at screenshottocode.com, or locally with a React/Vite frontend and a FastAPI backend. [github.com (source for Where does it run?)](https://github.com/abi/screenshot-to-code) **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. [github.com (source for What does it cost?)](https://github.com/abi/screenshot-to-code) **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. [github.com (source for Which models does it use?)](https://github.com/abi/screenshot-to-code) **Who makes it?**: abi, an individual maintainer on GitHub, with an official hosted product at screenshottocode.com. [github.com (source for Who makes it?)](https://github.com/abi/screenshot-to-code) ## 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. [See all agent platforms](https://www.agentlist.io/categories/platform) --- Source: [Screenshot to Code: pricing & alternatives | agentlist.io](https://www.agentlist.io/systems/screenshot-to-code). This is the public page rendered as Markdown; interactive controls require the website.