• Picks
  • Discover
  • Alternatives
  • About

© 2026 Willet

  • Newsletter
  • About
  • FAQ
  • Terms
  • Privacy & Cookies
Join the Discord (opens in a new tab)
Abi Raja avatar

Screenshot to Code

AI web app that turns screenshots and mockups into front-end code

  • AI coding agents
  • Developer tools
  • Design and creative
View on GitHub
Website

What it is

A web app with a React frontend and FastAPI backend that sends screenshots, Figma designs, mockups, or screen recordings to vision models from OpenAI, Anthropic, or Google and returns working front-end code. Output can be HTML with Tailwind or CSS, React, Vue, Bootstrap, or Ionic, and the agent can render its result in a headless browser to check it against the source. Front-end developers and designers run it to get a quick starting prototype of an existing page or design instead of hand-coding the layout. It runs locally or via Docker with your own API keys, or as a hosted service.

Images

Facts

Stars
80,560 GitHub stars.
80,560

Forks
9,842
Commits
1,457
Contributors
25
Language
Python
License
MIT
Last commit
Oct 9, 2026
On GitHub since
November 2023
Platforms
web, self-hosted
Self-hostable
Yes
Alternative to
V0
Author
Abi Raja
Tags
  • coding-agent
  • web-framework
  • ui-design
  • multimodal

Last synced from GitHub on Oct 20, 2026

The 10 best overlooked open-source projects, every Monday.

Share and more

Comments

No comments yet. Start the conversation.

Similar projects

  • Alex Yang avatar

    Pi Web

    Local browser interface for the pi coding agent's sessions and settings

    7.5k

What people are saying

Updated Oct 21, 2026
  • Hacker NewsShow HN: Convert any screenshot into clean HTML code using GPT Vision (OSS tool)Nov 16, 2023 · 358 points · 90 comments (opens Hacker News in a new tab)
  • Bluesky“Interesting #AI repo from @abiraja.bsky.social that converts screenshots to clean code (HTML/Tailwind/React/Vue) - immediate functionality for UI developmemt…”Nov 29, 2024 · 4 likes · 0 replies (opens Bluesky in a new tab)
  • Hacker NewsScreenshot to CodeApr 17, 2024 · 3 points · 1 comment (opens Hacker News in a new tab)
  • Bluesky“Convert Screenshots to Code Using Advanced #AI Models 🔄 #Screenshot2Code transforms designs into functional #code using #GPT4 & #ClaudeSonnet. Supports…”Nov 27, 2024 · 2 likes · 1 reply (opens Bluesky in a new tab)
  • Bluesky“v0, hold my beer”Nov 26, 2024 · 2 likes · 1 reply (opens Bluesky in a new tab)
  • Bluesky“screenshot-to-code is an AI tool that converts screenshots, mockups, and Figma designs into functional code. It supports HTML + Tailwind, HTML + CSS, React +…”Nov 29, 2024 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“An AI-web developer to implement UX designs in few shots: ScreenShot-To-Code #AI #Web #UX”Nov 27, 2024 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“reactvibe.com - Motion-first React components isreadyforlaunch.com - Site health check for vibe coders - Codebase into an interactive system map…”Sep 4, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“+431 stars in the last week. Screenshot to Code converts screenshots, Figma designs, and screen recordings into clean HTML, React, or Vue code using AI…”Aug 29, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Drop a screenshot of any website and this AI tool instantly generates clean HTML, Tailwind, or React code to replicate it. It uses Claude 3 and GPT-4 Vision…”Aug 8, 2026 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“AI tool that converts screenshots, mockups, and Figma designs into functional code”Nov 29, 2024 · 1 like · 0 replies (opens Bluesky in a new tab)
  • Bluesky“sreenshot-to-code Convert screenshots, mockups, Figma designs, and screen recordings into clean, functional code using AI. The easiest way to try this is…”Sep 4, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“try this: then take static html result, chat to it with o3 or something then claude code or whatever, ez gud frontend workflow I made this in a day…”Jul 19, 2025 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“AI screen shot to front end code - screenshottocode.com”Nov 29, 2024 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“How much of that is this?”Nov 29, 2024 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue) : Website : screenshottocode.com”Nov 26, 2024 · 0 likes · 0 replies (opens Bluesky in a new tab)