diff --git a/docs/pages/01.01-flow-editor.md b/docs/pages/01.01-flow-editor.md
index 618ee61c8c..99e79c21c2 100644
--- a/docs/pages/01.01-flow-editor.md
+++ b/docs/pages/01.01-flow-editor.md
@@ -52,12 +52,18 @@ Clicking on the flow editor canvas background will deselect all canvas objects.
 
 A selection region can be pulled out to select multiple objects at once by pressing the `Shift key and dragging` on the canvas background.
 
-A set of connected nodes through a flow can be selected by, clicking on a node to select it and then, `Shift + click` another node. If the nodes are joined together through a set of inter-connected nodes, all of those nodes will be selected.
+<img src="../assets/cc-flow-editor-region-select.gif" width="700" />
+
+A set of connected nodes through a flow can be selected by, clicking on a node to select it and then, `Shift + click` another **downstream** node. If the nodes are joined together through a set of inter-connected nodes, all of those nodes will be selected.
+
+<img src="../assets/cc-flow-editor-linked-nodes-select.gif" width="700" />
 
 All canvas objects can be selected by displaying the default context menu or context toolbar for the flow-editor background and then clicking the 'Select All' option. Note: If the application provides its own canvas menus then it would need to add the `selectAll` [internal action](03.11-internal-actions.md) to the menu to enable the 'select all' function.
 
 Alternatively, the user can press `Ctrl/Command + a` [keyborad shortcut](03.05-keyboard-support.md) to select all objects when the keyboard focus is on the canvas.
 
+<img src="../assets/cc-flow-editor-all-select.gif" width="700" />
+
 ## Create links
 
 Links can be created by dragging from one node's output port to another node:
diff --git a/docs/pages/assets/cc-flow-editor-all-select.gif b/docs/pages/assets/cc-flow-editor-all-select.gif
new file mode 100644
index 0000000000..c7c6407636
Binary files /dev/null and b/docs/pages/assets/cc-flow-editor-all-select.gif differ
diff --git a/docs/pages/assets/cc-flow-editor-linked-nodes-select.gif b/docs/pages/assets/cc-flow-editor-linked-nodes-select.gif
new file mode 100644
index 0000000000..ad680102dc
Binary files /dev/null and b/docs/pages/assets/cc-flow-editor-linked-nodes-select.gif differ
diff --git a/docs/pages/assets/cc-flow-editor-region-select.gif b/docs/pages/assets/cc-flow-editor-region-select.gif
new file mode 100644
index 0000000000..acd5b69cf5
Binary files /dev/null and b/docs/pages/assets/cc-flow-editor-region-select.gif differ