Node Canvas

• Create / open a project to enable the canvas.
• Drag a node to move it (links follow). Long-press / right-click a node for actions (Rename, Description, Clone, Delete, Clear links).
• Desktop: hover a node and press N to start a link; click another node to connect.
• Touch: start connection on a node, then drag / tap to the target node to link.
• Create node: click / tap empty canvas (not on an existing node). Dropping a node on a line inserts it into that connection.
• Lines mode: toggle with L or use the left rail (Lines). Tap nodes in sequence to chain-connect them.
• Edit mode: toggle with E or use the left rail (Edit) to tap-open the node menu.
• Break mode: toggle with B or use the left rail (Break). Tap near a line to remove that connection.
• Delete mode: toggle with D or use the left rail (Delete). Tap a node to remove it.
• Info mode: use the left rail (Info) and hover nodes to see their descriptions as tooltips.
• Keyboard: Undo Ctrl/⌘+Z, Redo Ctrl/⌘+Y, Save Ctrl/⌘+S.
• Keyboard (nodes): delete hovered node with X, duplicate hovered node with Shift+D.
• Pan canvas (desktop): hold Space and drag, drag with the middle mouse button, or use trackpad two-finger drag.
• Pan canvas (touch): drag with two fingers on empty canvas.
• Zoom: use mouse wheel with Ctrl/⌘ (trackpad pinch) or the bottom-left buttons (+, −, 100%, ⤢).
• Layouts: use the Layouts button (or mobile menu) to auto-arrange nodes in tree layouts.
• Projects: use Open, New, Clone, and Delete in the top bar or mobile menu to manage multiple maps.
• Config: use Config to export / import backups, check IndexedDB usage, clear data, and toggle light / dark theme.

Layouts

Choose how to arrange the current graph.

Node description

Rename node

Settings

Storage

IndexedDB usage: calculating…

Clearing removes all projects, states and history from this browser.

Backup

Replace existing data Merge / link to existing

Appearance

100%

Mode: create/open a project