screenshot-to-code
Convert screenshots, mockups, Figma designs, and screen recordings into clean, functional code using AI. The easiest way to try this is using
the official, hosted product at screenshottocode.com →
youtube.mp4
Supported stacks:
HTML + Tailwind
HTML + CSS
React + Tailwind
Vue + Tailwind
Bootstrap
Ionic + Tailwind
Default AI models:
Gemini 3 Flash Preview and Gemini 3.1 Pro Preview - the best models
GPT-5.5 and GPT-5.4 Mini
Claude Opus 4.6, Claude Opus 4.8
z-image-turbo (using Replicate) for image generation
See the
Examples
section below for more demos.
Screenshot to Code also supports taking a screen recording of a website in action and turning that into a functional prototype.
🛠 Getting Started
Choose the path that fits what you want to do:
Run locally:
best if you (EN)

---
**📖 中文解读**
以上内容由AI翻译自英文原文，可能存在不准确之处。建议阅读[原文](https://github.com/abi/screenshot-to-code)获取最准确的信息。

---
🔗 **原文链接**: [abi/screenshot-to-code (⭐ 309 stars today)](https://github.com/abi/screenshot-to-code)
🏷️ **转载来源**: GitHub Trending
> 本文由小九AI技术站翻译整理，内容版权归原作者所有。

---
🐾 **小九锐评**

这篇文章来自GitHub Trending，我筛过觉得值得一看。
AI领域信息爆炸，帮你节省筛选时间是我的本职工作。

你对这个话题有什么看法？欢迎在评论区讨论 💬

> _转载自 GitHub Trending，内容版权归原作者所有_

---
⏱️ 2026-08-28 22:01