Sign in

Nodes Browser

ComfyDeploy: How blibla-comfyui-extensions works in ComfyUI?

What is blibla-comfyui-extensions?

node color customization, custom colors, dot reroutes, link rendering options, straight lines, group freezing, node pinning, automated arrangement of nodes, copy image [w/failfast-comfyui-extensions is renamed to blibla-comfyui-extensions. Please resintall to this.]

How to install it in ComfyDeploy?

Head over to the machine page

  1. Click on the "Create a new machine" button
  2. Select the Edit build steps
  3. Add a new step -> Custom Node
  4. Search for blibla-comfyui-extensions and select it
  5. Close the build step dialig and then click on the "Save" button to rebuild the machine

ComfyUI Extensions by Blibla

Chack out Captain: The AI Platform

Screenshot 2023-08-02 004936

Discord

ComfyUI Extensions by Blibla is a robust suite of enhancements, designed to optimize your ComfyUI experience. It provides a range of features, including customizable render modes, dynamic node coloring, and versatile management tools. Whether for individual use or team collaboration, our extensions aim to enhance productivity, readability, and personalization in your ComfyUI environment.

CHANGELOG | LICENSE (AGPL 3.0)

Request a new feature

If you have an idea for a new extension, you can open a Feature Request

Table of Contents

<!-- toc --> <!-- tocstop -->

Installation

Three methods are available for installation:

  1. Load via ComfyUI manager
  2. Clone the repository directly into the extensions directory.
  3. Download the project manually.

Load via ComfyUI manager

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/796aaa99-9b16-4087-bebb-ed8638a8b9fc" alt="ComfyUI manager" > <p>Install via ComfyUI manager</p> </div>

Clone Repository

cd path/to/your/ComfyUI/custom_nodes
git clone git@github.com:failfa-st/failfast-comfyui-extensions.git

Download Manually

  1. Download the project archive from here.
  2. Extract the downloaded zip file.
  3. Move the extracted files to path/to/your/ComfyUI/custom_nodes.
  4. Restart ComfyUI

The folder structure should resemble: path/to/your/ComfyUI/custom_nodes/failfast-comfyui-extensions.

Update

To update the extensions, pull the latest changes from the repository:

cd path/to/your/ComfyUI/custom_nodes/failfast-comfyui-extensions
git pull

Settings

Explore various customization options available in the settings:

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/d919d53f-8160-4556-a63a-66ec25881b2d" alt="Settings options" > <p>Settings Options</p> </div>

Options

Different customization options available with their default settings and descriptions:

| Name | Default | Description | | ------------------ | --------- | ----------------------------------------------------------------------------------- | | Force Snap to Grid | false | Forces nodes to snap to the grid | | Force Box Shape | false | Removes round corners from all nodes | | Render Shadows | true | Toggles visibility of shadows | | Connections Width | 3 | Sets the width of connector lines | | Font Size | 10 | Sets the font size of textareas | | Colored Nodes | default | Applies dynamic coloring to nodes |

Colored Nodes

Apply automatic color coding to nodes using various modes.

Positive/Negative

Nodes will be colored based on the node title (case-insensitive). This option is compatible with all color modes:

  • Titles containing "negative" will color the node red.
  • Titles containing "positive" will color the node green.
<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/a1a366ab-7a7f-4d10-b752-7e313f0c7728" alt="Positive Negative Node Colors" height="300px"> <p>Positive and Negative Node Colors</p> </div>

Dynamic Colors

Several dynamic coloring modes are available:

  • default: Resets to the original behavior (state of last browser reload).
  • plain: Colors all Nodes as grey except for "Note" (yellow).
  • by type: Colors a Node by its type.
  • rainbow: Colors each Node in rainbow colors (top-left to bottom-right).
<div align="center"> <img src="https://github.com/ltdrdata/ComfyUI-Manager/assets/1148334/0a0b70f2-5ba7-4cca-b61f-8e776e555635" alt="Dynamic Colors Modes"> <p>Dynamic Colors Modes: plain, by type, rainbow</p> </div>

Main Menu

Unload Models

Free up GPU memory by unloading the models

<div align="center"> <img src="https://github.com/blib-la/blibla-comfyui-extensions/assets/1148334/a81f3689-0291-4f2d-8ce5-3a9b4a8a2e76" alt="Unload Models Button" width="400px"> <p>A new Button is available</p> </div> <div align="center"> <img src="https://github.com/blib-la/blibla-comfyui-extensions/assets/1148334/e8d848d5-c157-4574-8fac-7d30052451d0" alt="GPU freed" width="400px"> <p>GPU Memory was freed</p> </div>

Context Menu

The context menu offers additional options for nodes, groups, colors, and the canvas:

Nodes

Custom Color Option (only available in "default" Color Mode)

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/f0c4dc53-0e40-480d-a3f9-09b50a3ab56d" alt="Node color options" height="300px"> <p>Node Color Options</p> </div>

Show Title on Reroute Node

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/e40ea33d-5a44-4859-b050-ed7a13057536" alt="reroute Node options" width="400px"> <p>Reroute show/hide Title</p> </div>

Render Reroute as Dot

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/d575b450-da5d-4357-832f-de294a5cc3d9" alt="reroute Node as dot" width="400px" > <p>Reroute as dot</p> </div>

| microdot | microdot / dot / off | | :-----------------------------------------------------------------------------------------------: |:---------------------------------------------------------------------------------------------------------------------------:| | vertical | horizontal |

Copy Images

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/f41b4aff-9677-4faf-85cb-86ce497d6240" alt="Copy images" > <p>Copy Image</p> </div>

Groups

Group Color Option

You can color a group with a custom color and even color a group including all its child Nodes

<div align="center"> <img src="https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/f3788347-3fe3-4959-b14c-5b9db96e8f41" alt="Group color options" height="300px"> <p>Group color Options</p> </div>

Freeze/Unfreeze Group

Lock or unlock a group and all its child Nodes. Note that new Nodes will not be affected.

<div align="center"> <img src="https://github.com/failfa-st/hyv/assets/1148334/7558fcfb-1733-4d78-904b-50891f29fa68" alt="Group freeze" height="300px"> <p>Group freeze/unfreeze</p> </div>

Canvas

Pin or Unpin all Nodes

Lock or unlock all nodes on the canvas, regardless of their group.

Freeze or unfreeze all Groups and Nodes

Lock or unlock all groups and all Nodes

Arranging all Nodes

You can arrange all Nodes in either vertical or horizontal layout.

| Vertical Layout | Horizontal Layout | | :-----------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------: | | vertical | horizontal |

Single Extensions Usage

Each extension is fully capable of functioning individually. This allows you to incorporate only the extensions you need, rather than the entire suite.

Simply download the desired file from the extensions directory and place it in the extensions folder of ComfyUI.

  1. Download the required file for example, reroute.
  2. Transfer the file to path/to/your/ComfyUI/web/extensions.
  3. The folder structure should appear as: path/to/your/ComfyUI/web/extensions/reroute.js.

Contribution

Want to contribute to ComfyUI Extensions? We encourage community input and improvements! Check out our CONTRIBUTING guide for more information.