{ Graphito }

Sign in to Save to Cloud

Collaborate with others, sync across devices, and make your graphs public

Changes saved locally

Your work is automatically saved on this device

Choose your sign-in method

{ Graphito } Cheatsheet

Create & Edit

  • Double-click canvas to create a new node.
  • Double-click node to edit its content.
  • Hover a node edge to reveal its handles.
  • Drag from one handle to another to connect nodes.
  • Double-click graph title (top bar) to rename. [Only for Cloud Saved Graphs]

Navigate

  • Hold Space or middle-mouse while dragging ⇢ pan canvas.
  • Ctrl/Cmd + scroll ⇢ zoom.

Node & Edge actions

  • Select item ⇢ Delete in pop-over to remove.
  • Same pop-over ⇢ Color to style nodes or edges.
  • Select edge ⇢ click “Eye” ⇢ edit label in dialog.
  • Select node or edge ⇢ click “Trash” or hit Backspace ⇢ confirm deletion.

Select & Group

  • Hold Shift and click to multi-select.
  • Drag empty canvas to draw selection box.
  • After multi-select ⇢ Group in pop-over.

History

  • Undo ⇢ Ctrl/Cmd + Z
  • Redo ⇢ Ctrl/Cmd + Shift + Z
React Flow mini map