Screenshot to Code converts screenshots, mockups, and Figma designs into clean code using AI. 72.1K+ GitHub stars. HTML, React, Vue, Bootstrap. MIT.
This block should tell both the user and the agent what to copy, install, and apply first.
# Clone and run
git clone https://github.com/abi/screenshot-to-code.git
cd screenshot-to-code
# Backend
cd backend && echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install && poetry run uvicorn main:app --reload --port 7001
# Frontend
cd frontend && yarn && yarn dev
# Open http://localhost:5173
# Or Docker
docker-compose up -d --buildScreenshot to Code converts screenshots, mockups, and Figma designs into clean, functional code using AI. With 72,100+ GitHub stars and MIT license, it supports multiple output formats (HTML/Tailwind, React, Vue, Bootstrap, SVG), leading AI models (Claude, Gemini, GPT), and video/screen recording conversion. Hosted version available at screenshottocode.com.
Best for: Developers converting designs to code without manual implementation Works with: Claude Code, OpenAI Codex, Cursor, Gemini CLI, Windsurf
Q: What is Screenshot to Code? A: AI design-to-code converter with 72.1K+ stars. Screenshots to HTML/React/Vue. Claude, Gemini, GPT. MIT.
Q: How do I use it? A: Clone repo, run backend + frontend, or use Docker. Or visit screenshottocode.com.
abi/screenshot-to-code — 72,100+ GitHub stars
TaskWeaver is a Microsoft code-first agent framework for data analytics tasks. 6.1K+ stars. Planning, stateful execution, DataFrames, plugins. MIT.
AIChat is a CLI for 20+ LLM providers with shell assistant, RAG, agents, and function calling. 9.7K+ stars. MIT/Apache 2.0.
Khoj is a personal AI app for chat, search, and knowledge management. 33.8K+ stars. Multi-LLM, docs, Obsidian, WhatsApp, custom agents. AGPL-3.0.