#7878th of 169 in Coding agents and AI editors
screenshot-to-code
Turns screenshots and mockups into Tailwind, React or Vue code
- Stars
- 80.7k
- License
- MIT
- Last commit
- Oct 2026
- Language
- Python
71,229 on 26 Mar 202680,668 on 22 Oct 2026
From GitHub's daily star counts.
Checked on GitHub.
Overview
Takes a screenshot, mockup, Figma export or screen recording and generates HTML with Tailwind or CSS, React, Vue, Bootstrap or Ionic code using Gemini 3, GPT-5.5 or Claude Opus models, with Replicate for image generation and background removal. Runs as a React/Vite frontend on port 5173 and a FastAPI backend on 7001, or via docker-compose. For developers prototyping UIs from designs.
Who it is for: Developers prototyping UIs from designs
Ranked among open-source alternatives to Lovable (#6 of 10) and v0 (#6 of 10).
Strengths
- Six output stacks including React, Vue, Bootstrap and Ionic with Tailwind
- Video mode turns a screen recording into a working prototype (needs Gemini)
- Optional headless Chromium lets the agent render and check its own output
- docker-compose brings up frontend and backend with one env file
Weaknesses
- Requires at least one OpenAI, Anthropic or Gemini API key; no bundled local model
- Ollama models are possible but the README calls the results poor quality
- Replicate key must be set in backend/.env, not in the UI
- Docker setup has no hot reload; file changes need a rebuild
What it needs
- no GPU
- Compose
- Needs OpenAI, Anthropic or Gemini API key, Replicate API key (optional), Playwright Chromium (optional preview)
- Models: Gemini 3 Flash Preview, Gemini 3.1 Pro Preview, GPT-5.5, GPT-5.4 Mini, Claude Opus 4.6/4.8
- port 5173
Quick answers
Is screenshot-to-code open source?
Yes. Its code is on GitHub under the MIT license.
Can you run screenshot-to-code with Docker?
Yes. Its repository has a Docker setup: a Dockerfile, a Compose file or a published image.
Also in Coding agents and AI editors
See all 169| Rank | Project | Score |
|---|---|---|
| 1 | claw-codeRust CLI coding agent harness using Anthropic and OpenAI-compatible APIs | 97 out of 100 |
| 2 | codewhaleTerminal coding agent in Rust that works with 40+ model providers | 93 out of 100 |
| 3 | deepseek-reasonixCoding agent for terminal, desktop, browser and editors, with a DeepSeek preset | 93 out of 100 |
| #4 | t3codeDesktop, web and mobile front end for controlling local coding agent CLIs | 93 out of 100 |
| #5 | ArchonYAML workflow engine that runs AI coding agents through fixed dev steps | 93 out of 100 |