mostafasadeghi97/design2code
Convert any web design screenshot to clean HTML/CSS code
This tool helps web designers and developers quickly turn visual mockups into functional web pages. You provide an image of a website design – whether it's a hand-drawn sketch, a wireframe, or a design from tools like Figma or Adobe XD – and it outputs clean, responsive HTML, CSS, and JavaScript code. It's for anyone who wants to accelerate the process of converting design concepts into actual web code.
665 stars.
Use this if you need to rapidly convert a visual web design concept or screenshot into basic, editable front-end code.
Not ideal if you require highly custom, complex interactive elements or server-side logic, as the output is primarily for static or basic dynamic front-end structures.
Stars
665
Forks
102
Language
TypeScript
License
MIT
Category
Last pushed
Mar 03, 2026
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/ai-coding/mostafasadeghi97/design2code"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Related tools
rgerum/pylustrator
Visualisations of data are at the core of every publication of scientific research results. They...
gridaco/code
Design to Code Engine
Benitmulindwa/FigmaFlet
Generate Flet UI from Figma designs
MrXujiang/H5-Stream
基于自然流布局的H5-dooring可视化拖拽搭建平台设计方案
Souravdey777/flexbox-guide
⚡ A Guide for the concept of Flexbox and responsive design. Simply set the attributes as you...