ComfyUI Extension: blibla-comfyui-extensions

Authored by blib-la

Created

Updated

162 stars

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.]

Custom Nodes (0)

    README

    ComfyUI Extensions by Blibla

    Chack out Captain: The AI Platform

    • https://github.com/blib-la/captain
    • https://get-captain.com

    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 [email protected]: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.