> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-chore-sync-comfy-api-v2-spec-d5155ac.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Links

> Understand connection links in ComfyUI

## Links connect nodes

In ComfyUI, the lines or curves drawn between nodes are called ***links*** (also referred to as ***connections*** or wires). They carry data from one node's output to another node's input, defining the flow of your workflow.

Links can be displayed in several visual styles: curves, right angles, straight lines, or hidden entirely.

<img src="https://mintcdn.com/dripart-chore-sync-comfy-api-v2-spec-d5155ac/z75b4e96BWV5AZBF/images/interface/link/link_styles.jpg?fit=max&auto=format&n=z75b4e96BWV5AZBF&q=85&s=188914b9902d2c26316a30a22ce16dc8" alt="Link styles" width="1589" height="917" data-path="images/interface/link/link_styles.jpg" />

To change the link style, go to **Setup Menu** → **Display (Lite Graph)** → **Graph** → **Link Render Mode**.

<img src="https://mintcdn.com/dripart-chore-sync-comfy-api-v2-spec-d5155ac/z75b4e96BWV5AZBF/images/interface/link/render_mode.jpg?fit=max&auto=format&n=z75b4e96BWV5AZBF&q=85&s=06843bac1b5e176653837bb5ffc18bfe" alt="Render mode setting" width="1066" height="764" data-path="images/interface/link/render_mode.jpg" />

You can also temporarily hide all links from the **Canvas Menu**.

<img src="https://mintcdn.com/dripart-chore-sync-comfy-api-v2-spec-d5155ac/z75b4e96BWV5AZBF/images/interface/link/canvas_menu.jpg?fit=max&auto=format&n=z75b4e96BWV5AZBF&q=85&s=a3842e2718f5dfe8c4968a0deb9c59af" alt="Canvas Menu" width="272" height="620" data-path="images/interface/link/canvas_menu.jpg" />

<Tip>
  Showing links is especially useful when learning, sharing, or debugging a workflow. They make the data flow visible at a glance. For finished workflows that aren't meant to be edited, hiding links can reduce visual clutter.
</Tip>

### Reroute node

When a workflow becomes complex, link wires can overlap or pass behind nodes, making it hard to read. The **Reroute** node lets you manually redirect a wire through any point in the 2D graph space, keeping the layout clean and legible.

<img src="https://mintcdn.com/dripart-chore-sync-comfy-api-v2-spec-d5155ac/z75b4e96BWV5AZBF/images/interface/link/reroute.jpg?fit=max&auto=format&n=z75b4e96BWV5AZBF&q=85&s=26be472bf279af9f7e9cd53aaf6aae2b" alt="ComfyUI Reroute node" width="900" height="365" data-path="images/interface/link/reroute.jpg" />

ComfyUI also has a built-in native reroute feature in the graph canvas. We recommend using this for new workflows.

<img src="https://mintcdn.com/dripart-chore-sync-comfy-api-v2-spec-d5155ac/z75b4e96BWV5AZBF/images/interface/link/native_reroute.jpg?fit=max&auto=format&n=z75b4e96BWV5AZBF&q=85&s=5434955a8fcdfff2449847ebf91a5c5e" alt="ComfyUI Native Reroute" width="463" height="315" data-path="images/interface/link/native_reroute.jpg" />

## Color-coding

Every data type in ComfyUI has a distinct color. Node input and output ports, as well as the link wires connecting them, all share this color scheme. **You can only connect ports of the same color**. This ensures type safety across your workflow.

<img src="https://mintcdn.com/dripart-chore-sync-comfy-api-v2-spec-d5155ac/1r4qUiR-0kmH-yb3/images/concepts/node/data_type.jpg?fit=max&auto=format&n=1r4qUiR-0kmH-yb3&q=85&s=1966336ff7695c628856f6344e7578d1" alt="ComfyUI Node Data Types" width="685" height="356" data-path="images/concepts/node/data_type.jpg" />

| Data type                 | Color        |
| ------------------------- | ------------ |
| Diffusion model           | Lavender     |
| CLIP model                | Yellow       |
| VAE model                 | Rose         |
| Conditioning              | Orange       |
| Latent Image              | Pink         |
| Pixel image               | Blue         |
| Mask                      | Green        |
| Number (integer or float) | Gray         |
| Mesh                      | Bright green |
