# Canvas Navigation

### Adding and Managing Nodes

**Add a new node:**

* Click on `"+"` or `"Toolbox"` from the left toolbar 

<div data-with-frame="true"><figure><img src="https://3206824585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FflkeYZ5KwlfB1arDC2M2%2Fuploads%2FIegRw8RS1l7O2QLMmbzJ%2FScreenshot%202025-11-17%20at%203.17.14%E2%80%AFPM.png?alt=media&#x26;token=0c14442a-8f7e-4c54-aa75-4a6da05fd060" alt="" width="359"><figcaption></figcaption></figure></div>

* Right-click anywhere on the canvas (or press `Space`)
* Search or browse by category

<div data-with-frame="true"><figure><img src="https://3206824585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FflkeYZ5KwlfB1arDC2M2%2Fuploads%2F9MQLeqdUWu5Qknwe5YSS%2FScreenshot%202025-11-17%20at%203.12.55%E2%80%AFPM.png?alt=media&#x26;token=b09494f0-d5bc-4c05-9b19-a2b1b9896ef8" alt="" width="375"><figcaption></figcaption></figure></div>

* Click to add the node

**Move a node:**

* Click and drag it to the desired location

**Remove a node:**

* Select it (Highlighted) and Press `Delete` or `Backspace`

**Duplicate a node:**

* Select it and Press `Ctrl/Cmd + D`

### Connect and Manage Handles

**Connect a Handle:**

* Click and drag from an output slot (right side of a node) and Connect to a compatible input slot (left side of another node)
* Release to connect the handle

<div data-with-frame="true"><figure><img src="https://3206824585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FflkeYZ5KwlfB1arDC2M2%2Fuploads%2FVKgmlgJd9e7HNpZ7f5hK%2FScreenRecording2025-11-17at3.25.16PM-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=79134c75-2578-4353-b53f-f3f30ba173b8" alt=""><figcaption></figcaption></figure></div>

**Remove a Handle:**

* On hovering the handle, a `"x"` button appears to remove/delete it
* Click to select it (Highlighted) and Press `Delete` or `Backspace`

### Canvas Navigation

**Pan the canvas:**

* Click and drag on empty space
* Use the **middle mouse button** or **two-finger drag** on a trackpad.

**Zoom:**

* Use the **scroll wheel** (up/down) or the **pinch gesture** on a trackpad.
* Use zoom controls in the bottom-right corner.

### Left Toolbar

<table><thead><tr><th width="230.99609375">Button</th><th>Function</th></tr></thead><tbody><tr><td><strong>Core Nodes</strong></td><td>Essential nodes for content generation such as Image, Video, Text, and Prompt Node</td></tr><tr><td><strong>Utility Nodes</strong></td><td>All other functional or helping nodes to assist you in editing or refining part, such as Upscale, Reframe, Crop, Extract Frame, Import etc</td></tr><tr><td><strong>Search</strong></td><td>Find any node instantly with <code>Cmd + K</code></td></tr><tr><td><strong>Assets</strong></td><td>Access to all previous generations</td></tr><tr><td><strong>Move/Pan</strong></td><td>Navigate and move within the canvas</td></tr><tr><td><strong>Sections</strong></td><td>Organizational iterations for structuring and grouping canvas nodes</td></tr><tr><td><strong>Collaboration</strong></td><td>Intuitive collaboration tools featuring shapes, and sticky notes, and share the project link with your team</td></tr></tbody></table>

<div data-with-frame="true"><figure><img src="https://3206824585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FflkeYZ5KwlfB1arDC2M2%2Fuploads%2Fa3mXlrtwQWuEAqlAU1wI%2FScreenRecording2025-11-17at3.32.13PM-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=0ebb3444-2fd9-43de-8cc8-702d9477ba3a" alt="" width="413"><figcaption></figcaption></figure></div>

### Right Sidebar

**Nodes Properties and Model Settings:**

When you select a node or multiple nodes, the right panel displays settings specific to your selection and the chosen model.

<div data-with-frame="true"><figure><img src="https://3206824585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FflkeYZ5KwlfB1arDC2M2%2Fuploads%2FoKKmsCS9GS5UZxVCUSw4%2FScreenRecording2025-11-17at3.35.08PM-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=12ca2261-8697-465e-97a5-8a173c27a0e4" alt="" width="563"><figcaption></figcaption></figure></div>

<table data-header-hidden><thead><tr><th width="232.62109375"></th><th></th></tr></thead><tbody><tr><td><strong>Node Properties and Model Settings</strong></td><td>When a node or multiple nodes are selected, the right panel shows specific settings and the model configurations.</td></tr><tr><td><strong>Model Selection</strong></td><td>Choose from available models; settings and parameters (such as aspect ratios, resolution, etc.) will dynamically adjust based on your selection</td></tr><tr><td><strong>Number of Runs</strong></td><td>Specify how many times the selected node(s) should execute</td></tr><tr><td><strong>Run Selected Nodes</strong></td><td>Execute the selected node(s) with your configured settings</td></tr></tbody></table>

***