Toggles this dialog
Toggles help dialog
Toggles setting dialog
Toggles export dialog
Toggles import dialog
Creates a sibling node
Creates a connected child node
Focus input for editing node name
Kiri is a minimal application for creating mind-maps, flowcharts, and diagrams. You can move items around by dragging them.
Kiri's system uses blocks called nodes. These simply contain a label.
You can edit a node's label by:
You can create a node by:
Kiri uses three distinct type of nodes: Input nodes, Default nodes, and Output nodes.
Input nodes are essentially starting points for your diagram. They can be used to separate a single are of a map from another. They can only have children but cannot be children themselves.
Default nodes are the most basic. They can both have children and be children themselves.
Output nodes typically denote the ending or conclusion of a diagram. They can only be children, they cannot have children themselves.
You can connect two nodes by dragging from one small circle to another.
There are a few things you can do to increase performance.
For power users, you can view the Keyboard shortcuts by pressing K or by clicking the link in the bottom-left.
Copy the following content to save your current state (changes are, by default, saved in localStorage):
[{"id":"1","type":"input","data":{"label":"Welcome to Kiri!"},"position":{"x":1,"y":-1}},{"id":"node_88u8i8","type":"default","data":{"label":"You can drag nodes (like this one) around"},"position":{"x":-105,"y":103.99999999999999},"className":"blue"},{"id":"node_xjwqq","source":"1","target":"node_88u8i8","animated":true},{"id":"node_qjj6kj","type":"default","data":{"label":"Click this node, then press Tab"},"position":{"x":-105,"y":201.99999999999997},"className":""},{"id":"node_mxl14l","source":"node_88u8i8","target":"node_qjj6kj","animated":true},{"id":"node_sedzgx","type":"output","data":{"label":"Any data you put here stays in your browser."},"position":{"x":104,"y":102}},{"source":"1","sourceHandle":null,"target":"node_sedzgx","targetHandle":null,"id":"reactflow__edge-1null-node_sedzgxnull"}]
Paste content you previously exported from Kiri: