emilwallner/Screenshot-to-code
A neural network that transforms a design mock-up into a static website.
Uses a CNN-RNN encoder-decoder architecture with GRU layers to convert UI screenshots into Bootstrap HTML/CSS, achieving 97% accuracy through a domain-specific token vocabulary of 16 elements rather than raw markup generation. Three model variants demonstrate the progression from proof-of-concept to production—the Bootstrap version generalizes effectively on new designs and trains on multiple GPUs, while the raw HTML variant remains experimental. Built on Keras/TensorFlow with pre-trained weights available, adapting the pix2code framework for practical UI-to-code synthesis.
16,515 stars. No commits in the last 6 months.
Stars
16,515
Forks
1,546
Language
HTML
License
—
Category
Last pushed
Aug 16, 2024
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/ml-frameworks/emilwallner/Screenshot-to-code"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
tonybeltramelli/pix2code
pix2code: Generating Code from a Graphical User Interface Screenshot
bobbens/sketch_simplification
Models and code related to sketch simplification of rough sketches.
ashnkumar/sketch-code
Keras model to generate HTML code from hand-drawn website mockups. Implements an image...
MiteshPuthran/Image-Caption-Generator
The LSTM model generates captions for the input images after extracting features from...
jchenghu/ExpansionNet_v2
Implementation code of the work "Exploiting Multiple Sequence Lengths in Fast End to End...