Convert any screenshot into clean HTML code using GPT Vision (OSS tool)

In plain words

This is a React and Python application that converts website screenshots into clean HTML and Tailwind CSS code using GPT-4 Vision. It generates placeholder images with DALL-E 3. The tool is designed for developers who want to quickly recreate webpage designs as code. It requires an OpenAI API key with GPT Vision access. The maker notes it works well for landing pages and full-page screenshots, though image generation results can be unpredictable.

written from the facts on this page · September 2026

From the sources

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue) - abi/screenshot-to-code

In the maker’s words, at launch

Hey everyone, I built a simple React/Python app that takes screenshots of websites and converts them to clean HTML/Tailwind code. It uses GPT-4 Vision to generate the code, and DALL-E 3 to create placeholder images. To run it, all you need is an OpenAI key with GPT vision access. I’m quite pleased with how…

• 
  A Dalle-3 and GPT4-Vision feedback loop2023 · dalle.party · ▲587

  I used to enjoy Translation Party, and over the weekend I realized that we can build the same feedback loop with DALLE-3 and GPT4-Vision. Start with a text prompt, let DALLE-3 generate an image, then GPT-4 Vision turns that image back into a text prompt, DALLE-3 creates another image, and so on. You need to bring your own OpenAI API key (costs about $0.10/run) Some prompts are very stable, others go wild. If you bias GPT4's prompting by telling it to "make it weird" you can get crazy results. Here's a few of my favorites: - Gnomes: https://dalle.party/?party=k4eeMQ6I -…

• 
  Design2Code – Convert any screenshot to HTML/CSS code using GPT4 Vision2023 · github.com · ▲16

  Convert any web design screenshot to clean HTML/CSS code - mostafasadeghi97/design2code

• ST
  Screenshot to Reactjs and Tailwindcss2024 · aiui.me · ▲18

  Well, it's yet another screenshot-to-code tool. I use it daily. Of course, it sucks with complex designs, but it's still better than starting from scratch. It's a paid tool, but I've tried to be fair with the pricing at $9/month. However, I understand that times are tough. If you really want to keep using the tool and can't afford the $9, I get it. Just sign up and comment with your email, and I'll gift you three months of premium for free.

• 
  ScreenshotOne2023 · screenshotone.com · ▲493

  The screenshot API you can finally rely on

• 
  Instantly create a GitHub repository to take screenshots of a web page2022 · simonwillison.net · ▲214

  I built a GitHub repository template which automates the process of configuring a new repository to take web page screenshots using GitHub Actions. You can try this out at https://github.com/simonw/shot-scraper-template Use the https://github.com/simonw/shot-scraper-template/generate interface to create a new repository using that template, and paste the URL that you want to take screenshots of in as the "description" field. The new repository will then configure itself using GitHub Actions, take the screenshot and save it back to the repo!

• 
  Turn raw HTML into production-ready images for freeDec 2025 · html2png.dev · ▲152

  Convert HTML and CSS to high-quality PNG images instantly. Perfect for dynamic OG images, social shares, and automated screenshots.

• 
  Spira Maxima▲578

  Video model that turns script into viral social media videos

  AI · 17d ago · spira.ai

• 
  Rill Browser▲540

  The browser where Claude Code and Codex work beside you

  AI · 17d ago · rill.love

• 
  Germany's new sovereign AI model Kolibri▲424

  Kolibri is Aleph Alpha

  AI · 19d ago · tej.as

• 
  Giving Opus 5.5 a simulated paint canvas▲392

  Paintings by AI models: programs run through a simulation of oil paint.

  AI · 20d ago · stillwet.art

• 
  PixVerse R2▲381

  A real-time world model you can explore and change

  AI · 29d ago · world.pixverse.video

• 
  Hemory▲381

  Keep listening. Searchable memory for your AI agents.

  AI · 30d ago · hemory.com

• 
  Flowla▲1,119

  Digital sales rooms that wow buyers

  Growth · 2023 · flowla.com

• 
  Passionfroot Discovery▲962

  Discover & book top creators to promote your product

  Growth · 2023 · passionfroot.me

• 
  Re:catch▲939

  If Google Form & Calendly had a baby

  Growth · 2023 · recatch.cc

• 
  Pitch 2.0▲886

  Create, share and analyze presentations faster than ever

  Work · 2023 · pitch.com

• 
  LeadDelta 3.0▲883

  CRM built for modern teams & creators powered by AI

  AI · 2023 · leaddelta.com

• 
  SpeedVitals▲829

  Hi HN, I’m Kashish, one of the co-founders of SpeedVitals, a platform for testing & monitoring website performance with a major emphasis on Core Web Vitals. Until now, our platform has only focused on Synthetic/Lab testing, such as Lighthouse tests and TTFB tests. But now, we have developed a Real-User Monitoring platform that doubles up as a Web Analytics tool. One major feature we have that most RUM tools lack is Performance Audits. Just like Lighthouse audits work on Lab test data, our audits work across all the real-user visits and gives suggestions on what task to prioritize first.…

  Dev tools · 2023 · speedvitals.com