🖼️ Compare Frames – ComfyUI Node

Compare Frames is a custom ComfyUI node for precise, interactive A/B comparison of two image sequences or videos — directly inside the node, no extra tools needed.

---

🚀 Features

• ⧪ Slider — drag a wipe handle to reveal A or B at full canvas size (true reveal, not shrink)
• ⬛⬛ Side by Side — A and B displayed simultaneously, split 50/50
• ◈ Overlay — B blended on top of A with a draggable transparency slider
• ▶ Video Playback — play both sequences in sync with loop and speed controls (0.25× – 4×)
• Scrubber bar — drag to any frame instantly, shows current / total
• ◀ / ▶ Step — step one frame at a time
• Offset sync — skip_a / skip_b let you align two sequences that start at different times
• Optional inputs — connect one or both sequences; works as a single-sequence player too
• Frontend caching — image batches are cached after first run; changing frame/offset/mode is instant

---

🎛️ Inputs

| Input | Type | Description | |---|---|---| | compare_frame | INT | Base frame number (shared playhead) | | skip_a | INT | Frame offset for sequence A | | skip_b | INT | Frame offset for sequence B | | fps | FLOAT | Playback speed (default 12) | | images_a | IMAGE (optional) | First image sequence | | images_b | IMAGE (optional) | Second image sequence |

---

📦 Installation

Via ComfyUI Manager

Search for Compare Frames in the Install Custom Nodes menu.

Manual

cd ComfyUI/custom_nodes
git clone https://github.com/sidmehraajm/ssd_frame_compare

Restart ComfyUI. The node appears under the preview category as 🖼️ Compare Frames.

---

📁 File Structure

ComfyUI/
└── custom_nodes/
    └── ComfyUI-Compare-Frames/
        ├── __init__.py           ← node registration
        ├── compare_frames.py     ← backend
        ├── node.jpg              ← preview image
        ├── README.md
        └── web/
            └── compare_frames.js ← frontend UI