emilwallner/Screenshot-to-code resource

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

16493 stars · 1543 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A deep learning project and tutorial that trains a neural network (based on pix2code) to convert design mockup screenshots into static HTML/CSS websites. It is built in three educational iterations using Keras, CNNs, and GRU/LSTM encoder-decoder models.

Use cases

• convert design mockups to html code
• train an ai to generate html from screenshots
• learn image-to-code deep learning techniques
• reproduce pix2code with keras
• generate bootstrap websites from design images
• study encoder-decoder models for code generation

When to choose

• you want to learn how image-to-code models work step by step
• you need a simple educational implementation of pix2code in Keras
• you want to convert simple Bootstrap-style mockups into HTML/CSS

When to avoid

• you need a production-ready design-to-code tool for complex layouts
• you want modern LLM-based screenshot-to-code conversion
• you cannot access GPUs or the original training dataset

Facets

learning-resource · maturity maintenance

machine-learning deep-learning computer-vision image-processing nlp machine-learning deep-learning web-development tutorials python cross-platform image-to-code seq2seq encoder-decoder pix2code keras html-generation design-mockups tutorial gpu

Member repositories

For agents

markdown · JSON · MCP: product_card(name="emilwallner/Screenshot-to-code")