Extensions/ComfyUI-ImgSlider
ComfyUI Extension

ComfyUI-ImgSlider

Creates before/after image comparison sliders from two images. Publishes to a shareable URL.

By imgslider·Created 5 months ago·Updated 5 months ago· 0
imgslider/ComfyUI-ImgSlider
Nodes1
On cloudLocal install
CategoryImgSlider
Stars0
Updated5 months ago

Nodes (1)

Image Compare (ImgSlider)
ImgSlider
Readme

ComfyUI-ImgSlider

Get a shareable link for your before/after comparisons. Publish image sliders directly from ComfyUI to imgslider.com.

<img alt="ComfyUI ImgSlider diagram" src="assets/diagram.webp" />

Example - https://imgslider.com/4c137c51-3f2c-4f38-98e3-98ada75cb5dd

Why ImgSlider?

Other comparison nodes only work locally. ImgSlider gives you a link you can share anywhere - Reddit, Discord, your portfolio, client reviews. One click to publish, instant shareable URL.

Features

  • Shareable Links: Publish and get a URL to share your comparison anywhere
  • No Account Required: Create sliders instantly (expire after 30 days)
  • Inline Preview: See the comparison directly in your workflow node
  • Link in Node: The published URL appears right inside the node — no need to check the console
  • One-Click Publishing: Toggle publish, run workflow, get link

Installation

ComfyUI Manager (Recommended)

  1. Open ComfyUI Manager
  2. Click "Install Custom Nodes"
  3. Search for "ImgSlider" or "Image Compare"
  4. Install and restart ComfyUI

Manual Install

cd ComfyUI/custom_nodes
git clone https://github.com/imgslider/ComfyUI-ImgSlider.git
pip install -r ComfyUI-ImgSlider/requirements.txt

Usage

  1. Add Image Compare (ImgSlider) node to your workflow
  2. Connect your images to Image A and Image B
  3. Toggle Publish to YES
  4. Run workflow
  5. Copy the shareable link from the URL bar that appears directly in the node

Anonymous (No Account)

Just toggle Publish and run. You'll get a shareable link instantly.

  • Free, no signup
  • Links expire after 30 days
  • 20 sliders/day limit

With API Key (Permanent and Editable)

  1. Sign in at imgslider.com
  2. Go to Dashboard → API Tokens
  3. Create a token and paste it in the node
  4. Your sliders are now permanent and editable

| Feature | Anonymous | With API Key | |---------|-----------|--------------| | Shareable links | ✓ | ✓ | | Editable | ✗ | ✓ | | Permanent | 30 days | Forever | | Rate limit | 20/day | 200/month | | Max file size | 50MB/image | 50MB/image |

Node Inputs

| Input | Type | Description | |-------|------|-------------| | image_a | IMAGE | First image (left side of slider) | | image_b | IMAGE | Second image (right side of slider) | | title | STRING | Optional title for the slider | | api_key | STRING | Optional API key for permanent sliders | | publish | BOOLEAN | Toggle to publish and get shareable link |

Example Workflow

[Image A] ──┐
            ├──> [Image Compare (ImgSlider)] ──> Shareable URL
[Image B] ──┘         (publish: YES)

Use Cases

  • Share AI generations: Compare models, prompts, or settings with others
  • Client reviews: Send a link instead of uploading multiple images
  • Portfolio: Showcase before/after transformations
  • Social Networks: Share comparisons on Reddit, Discord, X

License

MIT License - See LICENSE for details.

Links