Browse and manage your images/videos/workflows in the output folder.
Add your workflows to the 'Saves' so that you can switch and manage them more easily.
Sync your 'Saves' anywhere by Git.
Subscribe workflow sources by Git and load them more easily.
Search your workflow by keywords.

Preview

Installation

Comfy Manager

Search for comfyui-browser and install it.

Manually

Clone this repo into the custom_nodes folder and restart the ComfyUI.

cd custom_nodes && git clone https://github.com/tzwm/comfyui-browser.git

Notes

Your 'Saves' are stored in the ComfyUI/custom_nodes/comfyui-browser/collections.
Press 'B' to toggle the Browser dialog in the ComfyUI.

Development

Framework
- Frontend: Svelte
- Backend: aiohttp(the same with ComfyUI)
Project Structure

├── __init__.py  (Backend Server)
├── web          (Frontend code loaded by ComfyUI)
    ├── build    (Built by Svelte)
    └── index.js (Frontend that interact with ComfyUI)
├── svelte       (Frontend in the Modal as a iframe, written by Svelte)

Build and Run
- Copy or link comfyui-browser to ComfyUI/custom_nodes/
- Start backend by cd ComfyUI && python main.py --enable-cors-header
- Start frontend by cd ComfyUI/comfyui-browser/svelte && npm i && npm run dev
- Open and debug by http://localhost:5173/?comfyUrl=http://localhost:8188
  - It will use localhost:8188 as ComfyUI server
  - localhost:5173 is a Vite dev server
Notes
- Please try to test on Windows, because I only have Linux/macOS

TODO

Sync collections to remote git repository
Add external git repository to local collections
Search workflow by node name and model name

ChangeLog

To see ChangeLog.

Credits

ComfyUI