ComfyUI Extension: ComfyUI-ImgSlider

Authored by imgslider

Created

Updated

0 stars

Run ComfyUI workflows without the setup

No installs, no CUDA version roulette, no GPU sitting idle on your bill. Bring a workflow and run it in the browser.

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

Looking for a different extension?

Custom Nodes (0)

    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

    Run ComfyUI workflows without the setup

    No installs, no CUDA version roulette, no GPU sitting idle on your bill. Bring a workflow and run it in the browser.

    Learn more