---
title: "Compare"
description: "Before/after comparison slider"
updated: 2026-04-17
---

# Compare

**Node type:** `utility:compare`  
**Category:** `Helpers`

## Description

Before/after comparison slider

## Canvas ports

These appear as port handles on the left side of the node.

| ID       | Label      | Details              |
| -------- | ---------- | -------------------- |
| `before` | **Before** | `IMAGE` _(required)_ |
| `after`  | **After**  | `IMAGE` _(required)_ |

## Sidebar config

These render as form fields in the right-side config panel when the node is selected.

_No sidebar config fields._

## Outputs

_No outputs._

---

_Auto-generated from the Wireflow node registry._

---

Documentation index: fetch https://www.wireflow.ai/llms.txt for the full list of Wireflow docs.