Screenshot to Code
Turning design mockups into code with deep learning.
web-design convolutional-neural-networks recurrent-neural-networks tutorial article code

In this post, we’ll teach a neural network how to code a basic a HTML and CSS website based on a picture of a design mockup. Here's a quick overview of the process: 1. Give a design image to the trained neural network 2. The neural network converts the image into HTML markup

Don't forget to tag @emilwallner in your comment, otherwise they may not be notified.

Authors
internet-educated, independent machine learning researcher, and in residency at Google Arts & Culture.
Share this project
Similar projects
NSFW Filter
Web extension to block NSFW content using AI.
How to write Web apps using simple Python for Data Scientists?
So, are we doomed to learn web frameworks? Or to call our developer friend for silly doubts in the middle of the night? This is where StreamLit comes in ...
Teachable Machine (Image Classifier)
A teachable image classifier that runs on any browser built using TensorFlow JS.
How to write an Awesome README
A comprehensive guide to writing README that stands out and makes people go WOW!
Top collections