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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii84Mjg4MzcvMjk3NDIyMTg1LThlNTA1ZjYyLWY3MDktNDI2YS04YTBhLWZjYTI5MTc4NGIwOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNlQxMzIwMThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05ZDgwMzdmZDZkM2FiYjJhYjViZTY4MDg2ZTI3NTc4MzAyZTljYzYwMTljYTMwY2VkMTA0M2FkYTQxZDc2OGRmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.nxpF_QZmEgRby3jTyZPrY3xvxDipMAfDFESCG6dmMeM)
- 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii84Mjg4MzcvMjk3NDIyMzcyLTIzY2U2YTRkLTMzMTEtNDA1OC05YjQ2LWRkYjUwZDA3ZTIyYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNlQxMzIwMThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNTRkZGQ0OGRhYTkzNWUzYWVkZWJmZDFiNjgyZGRkZDU3MzAyMGY1NDgxODljYWY3NzVkNjE2OTY1NmFlZTAwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.W7vkrPUnYrT8eJjoxoCEQLtndd06EM9EXhY5E-PqvKA)
![image](https://private-user-images.githubusercontent.com/828837/316298835-d46461ac-3fb3-4037-b1be-048a7ae5e89a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii84Mjg4MzcvMzE2Mjk4ODM1LWQ0NjQ2MWFjLTNmYjMtNDAzNy1iMWJlLTA0OGE3YWU1ZTg5YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNlQxMzIwMThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lZTE2MzgyMDA5YzVmNDUzYzdkNzcxZjliM2UwODhiODA3OGQ5MmQ5YmE5ZmFkNDQ2ZWFjODc5YzFiODIyZDE4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jrru2YmUFvfF7ipeRRbTtPROPOK9Krml0tXu_Pe0cOc)
![Outputs](https://private-user-images.githubusercontent.com/1184998/294696150-49936e2f-9682-4df8-af8e-6e1653e78ca1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE1MC00OTkzNmUyZi05NjgyLTRkZjgtYWY4ZS02ZTE2NTNlNzhjYTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMTMyMDE4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzhjNDczZGQ2YzZmNDcwNzViZDY5M2VlODM4ZWY2N2ExNzIwNTI0ZGE3MmNkY2RhZmMyNGYwZWI0ZDQwM2I3OCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.iia8wR4CaZWL0_H1AS-b9hFTv8pA64_ga8n0lhV-v5A)
![Saves](https://private-user-images.githubusercontent.com/1184998/294696180-de3327e3-643e-4ae4-9e31-86df6a0353e0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE4MC1kZTMzMjdlMy02NDNlLTRhZTQtOWUzMS04NmRmNmEwMzUzZTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMTMyMDE4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OWNjODRlY2U5YjJjN2EyNjU3MjJmYzE2NWM3MmE0ZjJiYTY0YmQxZGVjZTVkNTZjOTNlZTc0NmQ1OWNlNDRjZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Mw_24KJgvlfaRBH5Mc4kWP312tOoWA3lgYwoHTyp3Iw)
![Sources](https://private-user-images.githubusercontent.com/1184998/294696282-07671822-c4d1-4327-bd87-6b1c7e85a354.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjI4Mi0wNzY3MTgyMi1jNGQxLTQzMjctYmQ4Ny02YjFjN2U4NWEzNTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMTMyMDE4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzE4M2VlNDI2MjRlYjQ0NjRlZGMyN2U3MmE0YTJjMzBlNjBjNTZkZjY4NDMyMjE1MWUxNTMxNzQxNzgzOGI1NyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.OxsSaSrrRFIzpWBK1ta78wyzsrgdYNB4PPeUtNlUyIs)
![Recommended Sources](https://private-user-images.githubusercontent.com/1184998/294696185-f37852b9-1030-4044-abf3-12bd8158c446.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE4NS1mMzc4NTJiOS0xMDMwLTQwNDQtYWJmMy0xMmJkODE1OGM0NDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMTMyMDE4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YThlMjQ1MDJhNjI2ODMwZmVkODhiZGE0YzQ3YjU0ZDMwMTRiYzhmODAwNWY5OGU5NDE4OTU5N2Q1OTIxZDVjMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.ybT_6_71FjIxVRdQyR_W5fBHFYwdgLclbCZSKAtihFk)
![Models](https://private-user-images.githubusercontent.com/1184998/294696293-4f36378e-05e0-49dc-a5b2-07d24a8b96bc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjI5My00ZjM2Mzc4ZS0wNWUwLTQ5ZGMtYTViMi0wN2QyNGE4Yjk2YmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMTMyMDE4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjkzMTE3MzM3MzNkZjc4NTZiMDc0M2IzMTc0MzgyZDFhYWRkODFjNWRjN2JmNGQzNWFiZjE5ODAwZmFkYmRkMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.8HnOYOMWhkntsCfeH7gZpZSla4d3wpcU0OWt2RXdEQs)
![SideBar](https://private-user-images.githubusercontent.com/1184998/294696191-746a031e-88b0-4ccf-8e2d-e448c001f319.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2Nzg3MTgsIm5iZiI6MTcyNDY3ODQxOCwicGF0aCI6Ii8xMTg0OTk4LzI5NDY5NjE5MS03NDZhMDMxZS04OGIwLTRjY2YtOGUyZC1lNDQ4YzAwMWYzMTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjZUMTMyMDE4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OThkOTJkOTdiNmFiODg2YTBjOTk0MGE5YTZmZjcwMjExZTRjYmViYzljY2ViMTQ1NTlmOThkMzBhNmI1MmJmZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.GNIKp-L2fUKfvwLUdwGzrSFQbxv9s9hU-iqwwiTj-aw)
Install ComfyUI Manager, search comfyui-browser
in Install Custom Node and install it.
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
ComfyUI/custom_nodes/comfyui-browser/collections
. - 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.