abi/screenshot-to-code

What can you do with it?

• Prototype a website interface from a screenshot or mockup
• Convert a screen recording into a functional UI prototype
• Explore alternative frontend implementations of a design

Before you start

• Local setup uses a React/Vite frontend and Python/FastAPI backend, or Docker.
• At least one OpenAI, Anthropic, or Gemini API key for local generation.
• Gemini is required for video mode; Replicate enables additional image-generation and editing features.
• Test and review generated code before using it in production.

Accounts and costs

MIT-licensed source code. Model-provider API usage can incur charges. Check the hosted app for its current pricing.

Go to the source

Read the official instructions ↗

Follow the project’s own documentation for current installation steps. This library helps you choose where to look; it doesn’t certify a tool or run its code for you.