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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii84Mjg4MzcvMjk3NDIyMTg1LThlNTA1ZjYyLWY3MDktNDI2YS04YTBhLWZjYTI5MTc4NGIwOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNlQxMzAwMjVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04ZmFiMDk2NTZlZDQ4MTZhNzJkMWU5YTUzZDU0ODEwZDEzOTA4YjA4OWQ5ZTU0ZTE2NDAwNmI4YzA2ZWEyNzZiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jKtgItVKxF_PTMq4FMzeju5LaQaWMNCEPpIRq4LkJGg)
- 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii84Mjg4MzcvMjk3NDIyMzcyLTIzY2U2YTRkLTMzMTEtNDA1OC05YjQ2LWRkYjUwZDA3ZTIyYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNlQxMzAwMjVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02YjE1ZmNmNmI4YzQ4MjZhNzI1YmM5MTZhYzM2Njg4NWI3Njk4MGEwY2Q4MTRjYjhiZTkwZmJjM2VhNTdhODc3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9._9J9Yg_Mod1Mn594MCpTwQJWfc120W1NJ_ypdgJtGMU)
![image](https://private-user-images.githubusercontent.com/828837/316298835-d46461ac-3fb3-4037-b1be-048a7ae5e89a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii84Mjg4MzcvMzE2Mjk4ODM1LWQ0NjQ2MWFjLTNmYjMtNDAzNy1iMWJlLTA0OGE3YWU1ZTg5YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNlQxMzAwMjVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04ZjM4NDdlNzY4YzUwM2VhMGRkY2Y3YWRhZTJlYzZhODI2ZmYzYzE2ZTZmYTYxODBiNDAyMzBkYzgwZjVmNzQwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Y_bLLwnrLig9CuA3SkJix9JK6m03yZkYte827WY90qo)
![Outputs](https://private-user-images.githubusercontent.com/1184998/294696150-49936e2f-9682-4df8-af8e-6e1653e78ca1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE1MC00OTkzNmUyZi05NjgyLTRkZjgtYWY4ZS02ZTE2NTNlNzhjYTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjZUMTMwMDI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTk2ODY2NmU1ZjQxMzIwY2RlNWMwNGQyNzE2MTI0NjZjNGVjZDA4MDdkNjk0NWNlYjRhNjQ1NzgyYTE0NzY3YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.aEqIbaUn5U0daSY3okTrw6Da0LBaN837HEJpbO2i7YI)
![Saves](https://private-user-images.githubusercontent.com/1184998/294696180-de3327e3-643e-4ae4-9e31-86df6a0353e0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE4MC1kZTMzMjdlMy02NDNlLTRhZTQtOWUzMS04NmRmNmEwMzUzZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjZUMTMwMDI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGNmZTJlZjkwODhlN2M2ZGEzOGFiMDk1MjE3YWI3YTRiMThkM2E3ZjYyNjUxMzVhMzA1NDNhYThkZDhkNmVkYSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.kEorbMgXYp4SkD66STh3ZwCWlffxXK_kq0CokXEjW5M)
![Sources](https://private-user-images.githubusercontent.com/1184998/294696282-07671822-c4d1-4327-bd87-6b1c7e85a354.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjI4Mi0wNzY3MTgyMi1jNGQxLTQzMjctYmQ4Ny02YjFjN2U4NWEzNTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjZUMTMwMDI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjNmNTVmZmVkZDBjMmYxYWZhMWUxNTE0YzE5ZjRkYWY3NjA3YWY3OTk4MTc0MmE2MDg0NTcyZGZjN2FiNzlmMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.SgLbYykroy6Q25JiaZhZOW0__uc_SoPzr1IYciCNoqY)
![Recommended Sources](https://private-user-images.githubusercontent.com/1184998/294696185-f37852b9-1030-4044-abf3-12bd8158c446.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE4NS1mMzc4NTJiOS0xMDMwLTQwNDQtYWJmMy0xMmJkODE1OGM0NDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjZUMTMwMDI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGM4NTg5MDc3NGQ3OTQwMWU0Y2NmOGIyOTBmZDhlMDAwYjM2MWVmOTcwOGI3YzlhZTM2OGVlOGVhYmY2YTExMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.f1s-xb9CDHIwOLUThPipe52n_ZnjVoGXpNLn1W1hx1I)
![Models](https://private-user-images.githubusercontent.com/1184998/294696293-4f36378e-05e0-49dc-a5b2-07d24a8b96bc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjI5My00ZjM2Mzc4ZS0wNWUwLTQ5ZGMtYTViMi0wN2QyNGE4Yjk2YmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjZUMTMwMDI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTAzYTFjOGNjYmJkNzI4NTM1ZjIxNWNjNjBmNDk5ZTYxNmY2OWQ3ZGJmZmVhZmIwNWI4ZjY3MGFjNmY5ZDhiNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.DQjltjoKUv-IF9vyyCqU1U3dOooDlafDfLdGOgvu0sA)
![SideBar](https://private-user-images.githubusercontent.com/1184998/294696191-746a031e-88b0-4ccf-8e2d-e448c001f319.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5OTkxMjUsIm5iZiI6MTcyMTk5ODgyNSwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE5MS03NDZhMDMxZS04OGIwLTRjY2YtOGUyZC1lNDQ4YzAwMWYzMTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MjZUMTMwMDI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWYyYTEzNTE5YzVhOTU1NThhYTIwYjRmNWEzZjE4NjdhMTI3NzE4NGZkMDhlMjY3ZDU2MWViNjBiNTNlOWZlNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.528UYR78WUMKY__Rz18QXx5r8gjvSmDVzIb3OJ19FzI)
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.