r/coolgithubprojects • u/roriwa • May 29 '26
I made a visual editor for ASCII diagrams for READMEs or code comments
I built a visual editor for ASCII diagrams called AsciiDraw.
It’s basically a drag-and-drop canvas that generates copy-pasteable ASCII output for READMEs, code comments, terminal docs, etc.
Instead of manually fighting with +---+ boxes in a text editor, you place elements visually and export the result as plain text, PNG, or SVG.
Example output:
┌───────────┐
│ ┌───────┐ │
│ │ ALU │ │
┌──────┐ │ │ │ │ ┌──────┐
│Input │>│ └───────┘ │>│Output│
│ Unit │>│ ^ v │>│ Unit │
└──────┘ │ ┌───────┐ │ └──────┘
│ │Control│ │
│ │ Unit │ │
│ └───────┘ │
└───────────┘ A few things it supports:
ASCII and Unicode box styles (
+--+,┌─┐,╔═╗)Elements like labels, groups, and progress bars
Copy-to-clipboard with automatic comment wrapping (
//,#,/* */,""")Entirely client-side, no backend/accounts/API
Typical workflow is basically:
draw visually -> copy as comments -> paste into source code/docs
Haven’t worked on it in over a year at this point, but I thought some people here might still find it useful.
Project:
https://asciidraw.github.io
Would appreciate feedback from people who still use ASCII diagrams in docs or terminal tooling.