Draw-a-UI, a whiteboard that converts a sketch to HTML

In plain words

Draw-a-UI is a whiteboard tool that converts hand-drawn sketches into HTML code. Users sketch interface designs by hand, and the tool automatically transforms those sketches into functional HTML. It's designed for anyone who wants to quickly prototype user interfaces or turn visual ideas into web code without manually writing HTML. The tool bridges the gap between quick ideation and code generation, making it useful for designers, developers, and product teams exploring interface concepts.

written from the facts on this page · September 2026

• 
  Sketch2Code2019 · learn.microsoft.com · ▲407

  Turn hand-drawn design into a HTML with AI. By Microsoft.

• 
  RoughNotation – create and animate hand-drawn annotations on a web page2020 · roughnotation.com · ▲696

  A small JavaScript library to create and animate hand-drawn annotations on a web page

• 
  UI Builder + Mockup tool2025 · chromewebstore.google.com · ▲315

  Sketch UI mockups directly on live websites in Chrome

• 
  Wired-elements – UI web components with a hand drawn, sketchy look2018 · wiredjs.com · ▲650

  Common UI Elements with a sketchy hand-drawn look.

• 
  Don't code your UI, draw it2018 · github.com · ▲302

  "Don't code your UI, Draw it !". Contribute to karanchahal/DoodleMaster development by creating an account on GitHub.

• 
  Mockup 2.02022 · getmockup.app · ▲153

  Sketch out your UI/UX projects without paper

• 
  Run full iOS 16.5 firmware on Android Devices▲508

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Flowla▲1,119

  Digital sales rooms that wow buyers

  Growth · 2023 · flowla.com

• 
  Passionfroot Discovery▲962

  Discover & book top creators to promote your product

  Growth · 2023 · passionfroot.me

• 
  Re:catch▲939

  If Google Form & Calendly had a baby

  Growth · 2023 · recatch.cc

• 
  Pitch 2.0▲886

  Create, share and analyze presentations faster than ever

  Work · 2023 · pitch.com

• 
  LeadDelta 3.0▲883

  CRM built for modern teams & creators powered by AI

  AI · 2023 · leaddelta.com

• 
  SpeedVitals▲829

  Hi HN, I’m Kashish, one of the co-founders of SpeedVitals, a platform for testing & monitoring website performance with a major emphasis on Core Web Vitals. Until now, our platform has only focused on Synthetic/Lab testing, such as Lighthouse tests and TTFB tests. But now, we have developed a Real-User Monitoring platform that doubles up as a Web Analytics tool. One major feature we have that most RUM tools lack is Performance Audits. Just like Lighthouse audits work on Lab test data, our audits work across all the real-user visits and gives suggestions on what task to prioritize first.…

  Dev tools · 2023 · speedvitals.com