I am writing a tutorial on how to do wireframing: https://github.com/dwyl/learn-wireframing/issues/1 and I would like to be able to recommend an online, free and open source wireframing tool to others. However I am struggling to find one that is open source, free and online.

I have come across this SO question: https://stackoverflow.com/questions/3432665/open-source-or-free-wireframe-tools and this article https://www.briefside.com/free-open-source-wireframe-tools/

However neither of them detail currently free and open source tools aside from Pencil which is desktop only and was last updated in 2017.

  • 1
    is open source a dealbreaker for you?
    – Midas
    Feb 20, 2019 at 11:39
  • I've already got some non open source options (see the github link), but I'd prefer open source which is why I wanted to check if any existed...
    – Cleop
    Feb 20, 2019 at 12:26
  • Asking for tool recommendations is off topic: ux.meta.stackexchange.com/questions/1286/…
    – Rob
    Feb 20, 2019 at 12:37
  • 1
    I'm voting to close this question as off-topic because it is seeking advice on specific tools, not Usability. Feb 20, 2019 at 16:11

2 Answers 2


MyDraft - https://mydraft.cc/ - https://github.com/mydraft-cc/ui - Can be used online, written in typescript, react and redux, uses font awesome library for icons.

I found it by searching on github for wireframe tool repos and then looking at those with lots of stars.


I use Draw.io a lot. I use Balsamiq or Omnigraffle that are paid as well, and have some premade templates on Sketch, but if I don't have to share wireframes with clients that use those programs, or if they're private projects, I tend to use Draw.io, it's way faster for me, and for a free program, incredibly resourceful

Not the answer you're looking for? Browse other questions tagged or ask your own question.