📷 Screenshot to HTML

Easily turn mocks into HTML, or get started from an existing inspiring website.

📕 Tutorial:

  • If you don't have a Gemini API Key, you can try with Gemini Flash for free on https://aistudio.google.com/app/apikey and enter it in the textbox.
  • Upload a screenshot of the website you want to replicate.
  • Click on the "Send" button to generate the HTML code.
  • (Optional) Choose a model. Gemini Flash is free and fast to use, but for better results, use Gemini Pro.
  • (Optional) Click on the "Examples" button to see the output of the code generated from sample screenshots.

⚠️ Warnings:

  • Do not forget to put your Gemini API Key in the textbox.
  • Gemini API often crashes

👉 About me: I am working on an AI startup redefining PRDs (Product Requirements Documents) in an AI era to better plan, design, code and test software. You can DM me on:

Input

Input the screenshot to replicate into a HTML page here:
Model Name

Gemini Flash is free and fast to use, but for better results, use Gemini Pro.

Output
The HTML code will be rendered here

You can click on the examples below to see the output of the code generated from sample screenshots:
Examples