This is an image/video/workflow browser and manager for ComfyUI. You can sync your workflows to a remote Git repository and use them everywhere.
Welcome to submit your workflow source by submitting an issue. Let's build the workflows together.
comfyui_browser_231215_subtitle.mov
- 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.
- Some useful custom nodes like xyz_plot, inputs_select.
- Select any inputs of the current graph.
![image](https://private-user-images.githubusercontent.com/828837/297422185-8e505f62-f709-426a-8a0a-fca291784b08.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii84Mjg4MzcvMjk3NDIyMTg1LThlNTA1ZjYyLWY3MDktNDI2YS04YTBhLWZjYTI5MTc4NGIwOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxN1QxNDE3MjZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00YjU2OWI1MWFiZTlmYjM2NTJmMmYzNGI4OTMzMjYwNDIxNDE4NzEyYWVkYjc3ZTc5OGNiZTVhMGVhOTU5ZGNmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.o9hv_X-GPZncSRAV_pxvadfurGcZvaudU0B6nnHw9Jc)
- Simple XYZ Plot by selecting inputs and filling in the values.
![image](https://private-user-images.githubusercontent.com/828837/297422372-23ce6a4d-3311-4058-9b46-ddb50d07e22a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii84Mjg4MzcvMjk3NDIyMzcyLTIzY2U2YTRkLTMzMTEtNDA1OC05YjQ2LWRkYjUwZDA3ZTIyYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxN1QxNDE3MjZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zY2VjMTU4YTZjOTYwOWVkZTYyMDljMmVjMzQ4OGQ4YmQwOWM4NThkNzNiOTcxNTFmYmJiODQ5OTZlMTdkZmEzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.GKlvYhnj1MzjTI4qELIAPhk_OPZapc3xPSOSzOgikD8)
![image](https://private-user-images.githubusercontent.com/828837/316298835-d46461ac-3fb3-4037-b1be-048a7ae5e89a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii84Mjg4MzcvMzE2Mjk4ODM1LWQ0NjQ2MWFjLTNmYjMtNDAzNy1iMWJlLTA0OGE3YWU1ZTg5YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxN1QxNDE3MjZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMThmZWQyNDlmZjYyZWM3NGZmYjIyYTA4OTk5NmIzMWIxYTRjNWIxNjQ1MDU2ZWU2YWVkMDM1ZDk2MTQ5NTNkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.dH8ScH8U7hH41AHh2o1QRArI3n_4K5dxM67pfnj8tj8)
![Outputs](https://private-user-images.githubusercontent.com/1184998/294696150-49936e2f-9682-4df8-af8e-6e1653e78ca1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE1MC00OTkzNmUyZi05NjgyLTRkZjgtYWY4ZS02ZTE2NTNlNzhjYTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMTQxNzI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjM5YjY1Mzc1YjEzOTZhZGM4YTgzODdlMDgyYTUxZjg0NjFlNzIwZGM0OTE0OGFiZDdmZmI3YTMwNzhlZTY4ZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.uO5a9zpOOCXQvgDBDrxTwEqf55bF853W-Y4JuCMd0HE)
![Saves](https://private-user-images.githubusercontent.com/1184998/294696180-de3327e3-643e-4ae4-9e31-86df6a0353e0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE4MC1kZTMzMjdlMy02NDNlLTRhZTQtOWUzMS04NmRmNmEwMzUzZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMTQxNzI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzI4N2Q3ZmQ2ZWZlYzcxNzNlYzAyNDZiOWI4YTdjYzlkN2Y5NjJiODMxMDMwNmJiMzI2YTM3M2ExM2JmZjJmYiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Z8gPrB7jv1c5vju3CW2INiETYJy91JhzYyvlE2Zld1o)
![Sources](https://private-user-images.githubusercontent.com/1184998/294696282-07671822-c4d1-4327-bd87-6b1c7e85a354.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjI4Mi0wNzY3MTgyMi1jNGQxLTQzMjctYmQ4Ny02YjFjN2U4NWEzNTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMTQxNzI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Y2Y0YWRjZmI5NmNiOWI3NmZkM2Q5ZDQzMWI5NGYyNDc0YTU2NmNiOThmYjViNTg4ZmJhZjRkZTk2MzlkMTBmYSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Hc5MMJvJuwL2Sbe-ZGumT33wyPxyshwDGE3S7jNzeq0)
![Recommended Sources](https://private-user-images.githubusercontent.com/1184998/294696185-f37852b9-1030-4044-abf3-12bd8158c446.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE4NS1mMzc4NTJiOS0xMDMwLTQwNDQtYWJmMy0xMmJkODE1OGM0NDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMTQxNzI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWJhNGQ5ZDBiNTFkNGQwNjZjNzRiMzM0ZGM5YmI5NjYzOGU2OWJlM2ZhMzc0NDAzMTk3NzU5MGYxYmRkZDFjOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.t9LSlG9AAvPXmkVVHWYbhyuCo1X3VsvAyL3ulKEF1UM)
![Models](https://private-user-images.githubusercontent.com/1184998/294696293-4f36378e-05e0-49dc-a5b2-07d24a8b96bc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjI5My00ZjM2Mzc4ZS0wNWUwLTQ5ZGMtYTViMi0wN2QyNGE4Yjk2YmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMTQxNzI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGUyODM2YzhhYWY3NjY3NDRmMmExM2U4ZjUxMTk3NzRhNmMyMGNkNDdjMTYyNjUxYWNkOTVkMmYxZDc0M2I1YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.xW0i9AHDac_0H2SfBsPamegwETZoKISeaHYEMoOKSq8)
![SideBar](https://private-user-images.githubusercontent.com/1184998/294696191-746a031e-88b0-4ccf-8e2d-e448c001f319.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5MDQ1NDYsIm5iZiI6MTcyMzkwNDI0NiwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE5MS03NDZhMDMxZS04OGIwLTRjY2YtOGUyZC1lNDQ4YzAwMWYzMTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTdUMTQxNzI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MmQwNjE2NGU4MDJiN2VlOWUwYTZhMjJjMmUyNDlhM2IyMjQyYzcwMmU3M2Q4NWI4YTM3NmJmYjE1NWZkODc5ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.NpniuokJZB3EY87H0jhwHC1lBUF23z9sPk-X1wjLC_w)
Install ComfyUI Manager, search comfyui-browser
in Install Custom Node and install it.
In your comfyui-browser
directory, you can add a config.json
to override
the directories that comfyui-browser
uses. Ex:
{
"collections": "/var/lib/comfyui/comfyui-browser-collections",
"download_logs": "/var/lib/comfyui/comfyui-browser-download-logs",
"outputs": "/var/lib/comfyui/outputs",
"sources": "/var/lib/comfyui/comfyui-browser-sources"
}
The default configuration values are:
{
"collections": "[comfyui-browser]/collections",
"download_logs": "[comfyui-browser]/download-logs",
"outputs": "[comfyui]/outputs",
"sources": "[comfyui-browser]/sources"
}
Where [comfyui-browser]
is the automatically determined path of your
comfyui-browser
installation, and [comfyui]
is the automatically determined
path of your comfyui
server. Notably, the outputs
directory defaults to the
--output-directory
argument to comfyui
itself, or the default path that
comfyui
wishes to use for the --output-directory
argument.
Clone this repo into the custom_nodes
folder and restart the ComfyUI.
cd custom_nodes && git clone https://github.com/tzwm/comfyui-browser.git
- Your 'Saves' are stored in the
collections
configuration value. See Configuring for its default, and how to set the path to something different. - Press 'B' to toggle the Browser dialog in the ComfyUI.
-
Prerequisite
- Install Node
-
Framework
-
Project Structure
├── __init__.py (Backend Server)
├── web (Frontend code loaded by ComfyUI)
├── build (Built in Svelte)
└── index.js (Frontend that interact with ComfyUI)
├── svelte (Frontend in the Modal as a iframe, written in Svelte)
-
Build and Run
- Copy or link
comfyui-browser
toComfyUI/custom_nodes/
- Start backend by
cd ComfyUI && python main.py --enable-cors-header
- Start frontend by
cd ComfyUI/custom_nodes/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
- It will use
- Copy or link
-
Notes
- Please try to test on Windows, because I only have Linux/macOS
- Sync collections to remote git repository
- Add external git repository to local collections
- Search workflow by node name and model name
To see ChangeLog.