AI ToolsFeatured

Screenshot to Code

Name: Screenshot to Code
Author: abi

by abi

Drop in a screenshot, mockup, or Figma design and convert it to clean HTML, React, Vue, or Bootstrap code using AI.

View on GitHub

Stars

73,600

Forks

9,000

Language

Python

License

MIT

About

Screenshot to Code converts screenshots, mockups, Figma designs, and even screen recordings into clean, functional frontend code. Supports HTML+Tailwind, React+Tailwind, Vue+Tailwind, Bootstrap, and Ionic stacks. Powered by Gemini 3, GPT-5.5, and Claude Opus for code generation, with Replicate for image generation and Gemini for real asset extraction from the screenshot. A hosted version is available, or self-host with Docker and your own API keys.

Topics

aiscreenshot-to-codefigmareacttailwindcode-generationui-design