> ## Documentation Index
> Fetch the complete documentation index at: https://docs.imagine.art/llms.txt
> Use this file to discover all available pages before exploring further.

# Compositor

> Combine and layer multiple inputs directly on the Workflows canvas.

The **Compositor** node lets you merge and layer multiple inputs — images, videos, or both — into a single composited output, directly inside the Workflows canvas. No external tools needed.

<Frame>
  <img src="https://mintcdn.com/imagineart/UJPjVaWf1ccF5jeK/images/Screenshot-2026-05-13-at-7.24.40-PM.png?fit=max&auto=format&n=UJPjVaWf1ccF5jeK&q=85&s=16a4855067365df6c5c25332f208fc34" alt="Screenshot 2026 05 13 At 7 24 40 PM" width="1192" height="1090" data-path="images/Screenshot-2026-05-13-at-7.24.40-PM.png" />
</Frame>

## How to use the Compositor node

<Steps>
  <Step title="Add the Compositor node">
    Open the node picker (`Space` or right-click on the canvas) and search for **Compositor**. Click to place it.

    <Frame>
      <img src="https://mintcdn.com/imagineart/UJPjVaWf1ccF5jeK/images/Screenshot-2026-05-13-at-7.25.45-PM.png?fit=max&auto=format&n=UJPjVaWf1ccF5jeK&q=85&s=e202fed5a310519644e42ddffacb3cb7" alt="Screenshot 2026 05 13 At 7 25 45 PM" width="744" height="360" data-path="images/Screenshot-2026-05-13-at-7.25.45-PM.png" />
    </Frame>
  </Step>

  <Step title="Connect your inputs">
    Connect the output handles of any Image or Video nodes to the input slots on the Compositor. You can connect multiple inputs — each one becomes a separate layer.

    <Frame>
      <img src="https://mintcdn.com/imagineart/UJPjVaWf1ccF5jeK/images/Screenshot-2026-05-13-at-7.31.05-PM.png?fit=max&auto=format&n=UJPjVaWf1ccF5jeK&q=85&s=84a50091396497709b4eca53ff25ea7d" alt="Screenshot 2026 05 13 At 7 31 05 PM" width="1366" height="1440" data-path="images/Screenshot-2026-05-13-at-7.31.05-PM.png" />
    </Frame>
  </Step>

  <Step title="Configure layering">
    In the Eedit layers mode, reorder layers by dragging them up or down. Set blend mode, opacity, position, and scale for each layer independently.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/imagineart/images/placeholder-compositor-layers.png" alt="Compositor layer settings in right sidebar — placeholder" />
    </Frame>
  </Step>

  <Step title="Connect the output">
    Connect the Compositor's output handle to any downstream node — a Generate Video node, an Export node, or another Compositor for more complex compositions.
  </Step>

  <Step title="Run">
    Click **Run** on the Compositor node or run the full workflow. The node merges all connected layers and produces a single composited output.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/imagineart/images/placeholder-compositor-output.png" alt="Composited output preview — placeholder" />
    </Frame>
  </Step>
</Steps>

## Supported inputs

| Input type | Notes                                                         |
| ---------- | ------------------------------------------------------------- |
| **Image**  | Static frames from any image node                             |
| **Video**  | Clips from any video generation or edit node                  |
| **Mixed**  | Image and video inputs can be combined in the same Compositor |

<Tip>
  Use the Compositor to stitch together outputs from separate generation pipelines before passing them to a final export or post-processing node.
</Tip>
