This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Getting image to HTML working means you can use image generators to create UI. I’ve spent nearly a year on this, through an insane number of experiments, rewrites, LoRAs and a small country’s worth of inference. I finally got it working: production-quality editable layers in around 60 seconds, 2× DPI assets, 95% average pixel accuracy and responsive HTML. Releasing it for free. I may add a cheap paid plan to cover inference at some point (at ~$0.2 per standard conversion).
Hey Product Hunt 👋
I’ve been trying to solve screenshot-to-HTML for nearly a year.
Image models are now good at design. If you can turn their output into accurate HTML, they become real design tools. But current systems still take hours, struggle with complex designs, or produce something inspired by the screenshot instead of actually matching it.
After an insane number of experiments, rewrites, LoRAs and a small country’s worth of AI inference, I think I finally, finally got it working.
12ui converts most designs into production-quality editable layers in around 60 seconds, with 2× DPI assets and about 95% average pixel accuracy. Desktop HTML is immediate. Responsive HTML takes another minute, and it also exports to other editable formats.
There's a SKILL you can install by clicking the button in the top right of the window.
It is still a work in progress, but useful right now, so I’m launching it free. I may add a cheap paid plan to cover inference at some point (at ~$0.2 per standard conversion).
Hope someone finds it useful!
@zemaj This is fantastic! Congrats on the launch. The speed improvement is incredible. Love the work. Good luck on the launch. I tried on a PNG that I had and it was able to create the layers as expected.
the editable layers part is the real win here, way more useful than i expected for a free tool. ran a quick conversion and the responsive html came out clean, no weird inline styles or broken breakpoints.
Have you thought about adding a way to tweak the responsive breakpoints before exporting? Right now it spits out HTML but adjusting where things collapse still feels manual. A simple preview slider for tablet and mobile widths right inside the tool would save a lot of trial and error, especially since the output already targets high DPI so well.
A Figma plugin export would be a natural next step so the generated HTML and layers can drop straight into an existing design file without manual recreation. Really cool that you're releasing it for free, would love to see it.
About Screenshot to responsive HTML (and more) on Product Hunt
“Fable takes 2hr+. We got it down to 60s.”
Screenshot to responsive HTML (and more) was submitted on Product Hunt and earned 9 upvotes and 8 comments, placing #113 on the daily leaderboard. Getting image to HTML working means you can use image generators to create UI. I’ve spent nearly a year on this, through an insane number of experiments, rewrites, LoRAs and a small country’s worth of inference. I finally got it working: production-quality editable layers in around 60 seconds, 2× DPI assets, 95% average pixel accuracy and responsive HTML. Releasing it for free. I may add a cheap paid plan to cover inference at some point (at ~$0.2 per standard conversion).
Screenshot to responsive HTML (and more) was featured in Design Tools (261.4k followers), User Experience (366.9k followers) and Developer Tools (516.2k followers) on Product Hunt. Together, these topics include over 149.2k products, making this a competitive space to launch in.
Who hunted Screenshot to responsive HTML (and more)?
Screenshot to responsive HTML (and more) was hunted by James Peter. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Screenshot to responsive HTML (and more) stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
James Peter