# ComfyUI Browser ### For user-friendly agentic solution, please try [neta.art](https://neta.art) from the team :) [中文说明](README_CN.md) 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](https://github.com/talesofai/comfyui-browser/issues/new?assignees=tzwm&labels=workflow-repo&projects=&template=new-workflow-repository.md&title=New+workflow+repo%3A). Let's build the workflows together. https://github.com/talesofai/comfyui-browser/assets/828837/803ce57a-1cf2-4e1c-be17-0efab401ef54 ## Features - 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. ## Custom Nodes #### Select Inputs - Select any inputs of the current graph.

#### XYZ Plot - Simple XYZ Plot by selecting inputs and filling in the values.

## Preview #### Outputs Outputs

#### Saves Saves

#### Sources Sources

#### Models Models

#### Side Bar View SideBar

## Installation ### ComfyUI Manager Install [ComfyUI Manager](https://github.com/ltdrdata/ComfyUI-Manager), search `comfyui-browser` in Install Custom Node and install it. #### Configuring In your `comfyui-browser` directory, you can add a `config.json` to override the directories that `comfyui-browser` uses. Ex: ``` json { "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: ``` json { "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. ### Manually Clone this repo into the `custom_nodes` folder and restart the ComfyUI. ```bash cd custom_nodes && git clone https://github.com/tzwm/comfyui-browser.git ``` ## Notes - 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. ## Development - Prerequisite - Install [Node](https://nodejs.org/en/download/current) - Framework - Frontend: [Svelte](https://kit.svelte.dev/) - Backend: [aiohttp](https://docs.aiohttp.org/)(the same as ComfyUI) - 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` to `ComfyUI/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 - Notes - Please try to test on Windows, because I only have Linux/macOS ## TODO - [x] Sync collections to remote git repository - [x] Add external git repository to local collections - [ ] Search workflow by node name and model name ## ChangeLog To see [ChangeLog](CHANGELOG.md). ## Credits - [ComfyUI](https://github.com/comfyanonymous/ComfyUI)

Name	Type	Default	Description
url	STRING		—
cacheopt	BOOLEAN	true	—

Load Image By URL

Inputs (2)

Outputs (1)