plait-board/drawnix

★ 13,789TypeScriptAudience · designerComplexity · 2/5LicenseSetup · easy

Mindmap

mindmap
  root((Drawnix))
    What it does
      Browser whiteboard
      Mind maps
      Flowcharts
      Freehand drawing
    Features
      Infinite canvas
      Markdown to mindmap
      Mermaid to flowchart
      PNG export
    Tech Stack
      TypeScript
      Plait framework
      Slate editor
    Deployment
      Use at drawnix.com
      Self host Docker
    Audience
      Designers
      Product teams

mindmap root((Drawnix)) What it does Browser whiteboard Mind maps Flowcharts Freehand drawing Features Infinite canvas Markdown to mindmap Mermaid to flowchart PNG export Tech Stack TypeScript Plait framework Slate editor Deployment Use at drawnix.com Self host Docker Audience Designers Product teams

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Brainstorm ideas visually using mind maps and flowcharts in the browser without installing anything.

USE CASE 2

Paste Markdown text to instantly generate a structured mind map diagram.

USE CASE 3

Self-host the whiteboard on your own server using Docker to keep data private.

USE CASE 4

Export diagrams as PNG images or as .drawnix files for later editing.

Tech stack

TypeScriptDockerSlate

Getting it running

Difficulty · easy Time to first run · 5min

No installation needed to use the hosted version at drawnix.com, self-hosting requires Docker.

Use, modify, and distribute freely for any purpose including commercial use, with minimal restrictions.

In plain English

Drawnix is a free, open-source whiteboard tool that runs in the browser. It combines several types of visual drawing in one place: mind maps, flowcharts, and freehand drawing. You can use it without installing anything by visiting drawnix.com, or self-host it using Docker. The tool works on an infinite canvas that you can pan and zoom. Features include inserting images, undoing and redoing actions, copying and pasting, automatic saving to the browser cache, and exporting your work as a PNG image or as a .drawnix file. It supports light and dark themes and adapts to mobile screens. Two text-to-diagram shortcuts are available: you can type Mermaid syntax to generate a flowchart, or paste Markdown text to generate a mind map automatically. Drawnix is built on top of an open-source drawing framework called Plait, which the same team developed. Plait handles the core rendering and plugin system, while Drawnix layers the user-facing whiteboard application on top. Because the architecture is plugin-based, the drawing tools (mind map, flowchart, freehand) are each implemented as separate plugins rather than being wired directly into the core. The text editing layer uses Slate, a rich text editor framework. The repository is primarily documented in Chinese, with an English README also available. The project is MIT-licensed, accepts bug reports and code contributions, and is under active development toward a milestone called the Dawn release. If you want an all-in-one diagramming and sketching tool you can run yourself or embed in another product, Drawnix is a capable starting point.

Copy-paste prompts

Prompt 1

I want to self-host Drawnix on my own server using Docker. Give me the Docker command to start it and any configuration I need.

Prompt 2

I have a Markdown outline of a project plan. How do I paste it into Drawnix to auto-generate a mind map?

Prompt 3

How do I embed a Drawnix whiteboard inside my own web application using the Plait plugin system?

Prompt 4

I drew a flowchart in Drawnix and want to export it as a PNG. Walk me through the export process.

Open on GitHub → Explain another repo

← plait-board on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.