whatisgithub

What is drawnix?

plait-board/drawnix — explained in plain English

Analysis updated 2026-06-24

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

In one sentence

A free, open-source browser-based whiteboard that combines mind maps, flowcharts, and freehand drawing on an infinite canvas, with self-hosting available via Docker.

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
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

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.

What is it built with?

TypeScriptDockerSlate

How does it compare?

plait-board/drawnixshuding/nextrakysely-org/kysely
Stars13,78913,78813,787
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderatemoderate
Complexity2/52/52/5
Audiencedesignerdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get 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.

So what is it?

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.

Frequently asked questions

What is drawnix?

A free, open-source browser-based whiteboard that combines mind maps, flowcharts, and freehand drawing on an infinite canvas, with self-hosting available via Docker.

What language is drawnix written in?

Mainly TypeScript. The stack also includes TypeScript, Docker, Slate.

What license does drawnix use?

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

How hard is drawnix to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is drawnix for?

Mainly designer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.