ComfyUI-FooterGallery

ComfyUI-FooterGallery is a ComfyUI extension that adds an image gallery to the bottom of the user interface. It automatically tracks and displays images generated by your workflow, providing a persistent history of your outputs. This allows you to review recent generations and compare results without needing to navigate between different nodes or add extra preview nodes to your workspace.

Features

• Inline Gallery: Automatically captures and displays images from your workflow's output.
• Adjustable Layout: Change the number of columns and the gallery's height directly from the UI.
• Draggable Resizing: Click and drag the top border of the gallery using the central handle to dynamically resize it.
• Individual Thumbnail Removal: Remove individual images from the gallery by clicking the "×" button in the top-right corner of any thumbnail.
• Full-Size Lightbox: Click on any thumbnail to expand the image to its full size in a focused overlay.
• Persistent Settings: Your layout preferences (columns, height, visibility) are saved to your browser's local storage.
• Quick Controls:
  • Clear All: Instantly empty the current gallery history.
  • Toggle Visibility: Minimize the gallery to save workspace screen real estate.

Installation

Windows

1. Open Command Prompt or PowerShell.
2. Navigate to your ComfyUI custom_nodes folder:

   cd path\to\your\ComfyUI\custom_nodes
   

3. Clone this repository:

   git clone https://github.com/QuigleyDown/ComfyUI-FooterGallery.git
   

4. Restart ComfyUI.

Linux

1. Open a Terminal.
2. Navigate to your ComfyUI custom_nodes directory:

   cd ~/ComfyUI/custom_nodes/
   

3. Clone this repository:

   git clone https://github.com/QuigleyDown/ComfyUI-FooterGallery.git
   

4. Restart ComfyUI.

Usage

Once installed, the Footer Gallery panel will appear at the bottom of your ComfyUI window.

• Resize Gallery: Click and drag the top border (using the visual handle in the center) to adjust the height of the gallery.
• Columns / Size (vh): Use the sliders to change how many thumbnails appear in each row or to adjust the height of the gallery panel.
• Remove Thumbnail: Hover over any thumbnail and click the small "×" button in the top-right corner to remove only that image.
• Clear All: Removes all current thumbnails from the list.
• Toggle (▼/▲): Click the arrow on the far right to show or hide the image list.
• View Image: Click any image to open it in the lightbox. Inside the lightbox, click the image itself to open it in a new tab, or click the dark background to close it.

Credits

Inspired by the ComfyUI-Custom-Scripts project by pysssss.