KnotenWerk

No-distraction. Your granddad's UI design for simple trees and graphs that help you design solutions.

Build interactive decision trees and graphs in Edit Mode, then click through outcomes in View/Demo Mode before shipping your solution.

Get KnotenWerk View Docs

Modes Edit View/Demo

Ready Outputs JSON SVG Markdown

KnotenWerk interface showing a decision tree graph — Product preview: branch, compare, and present paths quickly.

What it is

KnotenWerk keeps the interface intentionally calm: no clutter, just nodes, labels, and paths. It is local-first by default, so graphs are stored as JSON files you own and can move anywhere.

Features

Edit Mode

Create nodes, connect labeled choices, and rearrange branches without losing structure.

View/Demo Mode

Click choices as a user would and highlight the active path while presenting or testing.

Exports

Export graphs to JSON, SVG, and Markdown to plug directly into docs and workflows.

Local-first

Each graph is saved as JSON on your machine, so your files stay portable and under your control.

Apple Silicon

Even if it looks like Windows 98 SE, KnotenWerk currently runs on Apple Silicon Macs.

Exports

Share the same graph in machine, visual, and documentation formats.

graph.json - Notepad

{
  "id": "g_93b853ae-6ceb-4bca-96c8-c0591af61966",
  "name": "Idea 3",
  "version": 1,
  "createdAt": "2026-02-14T14:36:19.996Z",
  "updatedAt": "2026-02-14T14:49:58.603Z",
  "nodes": []
}

graph.md - Notepad

## Todo
- [ ] An IGN pitchen
- [ ] YouTube Langform Video erstellen
- [ ] TikTok Video erstellen
- [ ] Reel erstellen
- [ ] YouTube Short erstellen
- [ ] thread text schreiben
- [ ] LinkedIn text Schreiben

graph.svg - Viewer

SVG export keeps lines and nodes crisp for docs, presentations, and print workflows.

Gallery / Mockups

FAQ

Short answers before you download.

Is KnotenWerk only for classic decision trees?

No. You can build decision trees, branching flows, and simpler graph-based structures as long as the logic fits connected nodes and labeled paths.

Where are my files stored?

KnotenWerk is local-first. Graphs are saved as JSON files on your machine, so you can move, version, or back them up however you want.

Can I present a graph without editing it by accident?

Yes. View/Demo Mode lets you click through paths and outcomes without staying in the editing workflow.

What can I export?

You can export your graph as JSON, SVG, and Markdown depending on whether you need raw data, a visual asset, or documentation output.

KnotenWerk

Design cleaner decisions in a calmer interface.

Use Edit and View/Demo modes to build, test, and ship graph-based workflows without distraction.

Get KnotenWerk View Source on GitHub

KnotenWerk is open source.