react-flow-diagrams
An experimental flow-diagram project using React & Redux.
Demo
Check out the demo here.
Instructions
Currently a mouse and keyboard are required.
Command | Action |
---|---|
Shift + Arrow | Add a node and connect to the selected node |
Ctrl/Cmd + A | Select all |
Ctrl/Cmd + X | Cut |
Ctrl/Cmd + C | Copy |
Ctrl/Cmd + V | Paste |
Ctrl/Cmd + Z | Undo |
Ctrl/Cmd + Y | Redo |
Escape | Clear selection |
Delete / Backspace | Delete selection |
Tab | Select next node / wire |
+ | Add a node |
Enter / double-click | Edit text of the selected node / wire |
Shift + mouse-drag on node edge | Add a wire starting from the node |
Shift + mouse-drag on wire | Add points to a wire |
License
MIT