Screenshot to Code

What Screenshot to Code is

Screenshot to Code uses AI to turn screenshots, mockups, Figma designs, text, and screen recordings into functional code. Supported outputs include HTML with Tailwind, HTML with CSS, React with Tailwind, Vue with Tailwind, Bootstrap, and Ionic with Tailwind. A recording of a website in action can become a functional prototype. The service is available on the web, while its open-source project includes local and Docker setup instructions. Self-hosting requires frontend and backend setup plus at least one model-provider key from OpenAI, Anthropic, or Gemini. A Replicate key adds image editing, background removal, and Replicate-backed image generation; those image features are unavailable without it. Each screenshot or text creation consumes one credit, as does every additional edit. Credits reset on the first day of each month and do not roll over. Hobby costs $15 a month for 100 credits, while Pro costs $40 a month for 500 credits. Both plans include chat support. There is no free plan, and purchases are final without refunds.