#71 · Primary category： AI Design & Prototyping
pix2code
pix2code: Generating Code from a Graphical User Interface Screenshot
Project last updated：05/29/24
GitHub Stars
12.0K
Forks
1.4K
Contributors
5
License
Apache-2.0
Why we included this project
pix2code dates from 2017, when Tony Beltramelli showed that a neural network could learn to turn a GUI screenshot into front-end code. The model is trained end to end on screenshots and outputs a domain-specific language that gets compiled into Android XML, iOS storyboards, or Bootstrap-style HTML and CSS, reaching over 77% accuracy across the three platforms. For anyone studying how vision and code generation intersect, it is a useful reference precisely because it is so self-contained: the source and datasets ship with the repo, so you can re-run the original experiments or build on them. Just don't mistake it for a production tool. The author says plainly that this is an educational research project, not something to wire into a real build pipeline.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.