██╗██╗ ██╗ ██╗ ██╗███████╗████████╗██████╗ █████╗ ████████╗███████╗ ██║██║ ██║ ██║ ██║██╔════╝╚══██╔══╝██╔══██╗██╔══██╗╚══██╔══╝██╔════╝ ██║██║ ██║ ██║ ██║███████╗ ██║ ██████╔╝███████║ ██║ █████╗ ██║██║ ██║ ██║ ██║╚════██║ ██║ ██╔══██╗██╔══██║ ██║ ██╔══╝ ██║███████╗███████╗╚██████╔╝███████║ ██║ ██║ ██║██║ ██║ ██║ ███████╗ ╚═╝╚══════╝╚══════╝ ╚═════╝ ╚══════╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝ ╚══════╝
Draw diagrams with text.
Share them anywhere.
Create beautiful ASCII art diagrams, wireframes, and illustrations. Perfect for documentation, README files, and anywhere you need text-based graphics.
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
/ FEATURES
■ 01
Intuitive drawing tools
Draw boxes, lines, arrows, and text with familiar tools. Photoshop-style shortcuts included — M for marquee, V for move, B for brush.
■ 02
14 beautiful themes
From Moebius to Mondrian, pick a style that matches your aesthetic. Light and dark modes for every theme.
■ 03
Copy as plain text
Export your diagrams as plain ASCII. Paste directly into code comments, documentation, Slack, or anywhere text goes.
■ 04
Component library
Save reusable components and build your own library of ASCII building blocks. Drag and drop to compose complex diagrams.
■ 05
Share and embed
Get a shareable link to your diagram. Embed it in Notion, GitHub READMEs, or anywhere that renders images.
■ 06
Keyboard first
Full keyboard shortcuts for power users. Undo, redo, copy, paste, layers, zoom — it all just works.
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
/ USE CASES
┌───────────────────┐ │ README diagram │ ├───────────────────┤ │ ┌────┐ ┌────┐ │ │ │src │──▶│dist│ │ │ └────┘ └────┘ │ └───────────────────┘
┌───────────────────┐ │ Architecture │ ├───────────────────┤ │ ┌─┐ ┌─┐ ┌─┐ │ │ │A│──│B│──│C│ │ │ └┬┘ └─┘ └┬┘ │ │ └────┬────┘ │ │ ┌┴┐ │ │ │D│ │ │ └─┘ │ └───────────────────┘
┌───────────────────┐ │ Wireframes │ ├───────────────────┤ │ ┌───────────────┐ │ │ │▓▓▓ Header ▓▓▓▓│ │ │ ├────┬──────────┤ │ │ │Nav │ Content │ │ │ │ │ │ │ │ └────┴──────────┘ │ └───────────────────┘
┌───────────────────┐ │ Flowcharts │ ├───────────────────┤ │ ┌─────┐ │ │ │Start│ │ │ └──┬──┘ │ │ ┌────▼────┐ │ │ │ Choice? │ │ │ └────┬────┘ │ │ Yes │ No │ └───────────────────┘
┌───────────────────┐ │ Sequence Diagram │ ├───────────────────┤ │ User Server │ │ │ │ │ │ │──request─▶ │ │ │ │ │ │ │◀─response─ │ │ │ │ │ └───────────────────┘
┌───────────────────┐ │ State Machine │ ├───────────────────┤ │ │ │ ┌────┐ ┌────┐ │ │ │Idle│──▶│Run │ │ │ └────┘ └─┬──┘ │ │ ▲ │ │ │ └───────┘ │ │ │ └───────────────────┘
┌───────────────────┐ │ Network Topology │ ├───────────────────┤ │ ┌───┐ │ │ │ R │ │ │ /└───┘\ │ │ ┌─┐ ┌─┐ │ │ │A│ │B│ │ │ └─┘ └─┘ │ └───────────────────┘
┌───────────────────┐ │ ER Diagram │ ├───────────────────┤ │ ┌────┐ ┌────┐ │ │ │User│───<│Post│ │ │ └────┘ └────┘ │ │ │ │ │ └──<┌─────┐ │ │ │Role │ │ │ └─────┘ │ └───────────────────┘
┌───────────────────┐ │ ASCII Art │ ├───────────────────┤ │ │ │ ╔═══════╗ │ │ ║ ◉ ◉ ║ │ │ ║ ▽ ║ │ │ ║ ╰───╯ ║ │ │ ╚═══════╝ │ │ │ └───────────────────┘
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
┌─────────────────────────────┐ │ Ready to start drawing? │ └─────────────────────────────┘
Create your first ASCII diagram in seconds. No credit card required.
Get started for free ──▶