ComfyUI_EasyKitHT_NodeAlign Pro 🎨

The newly designed ComfyUI node alignment and coloring plugin has completely redesigned and developed new UI icons and layouts. The layout of the alignment tool is more in line with the common operation logic and experience in the design industry. The position of the coloring tool is more reasonable, facilitating quick coloring.

🔥 [+] Update Preview (A Major Update for the Upcoming Version 😁)↓↓↓↓

[+] The basic code and concept were basically completed in June-July of this year. Due to my recent busyness, the update has been on hold for a long time. Please be patient and wait; we will strive to launch the major update version before the National Day (see the picture below 👇). Thank you for your support and understanding!

✨ Core Features (Coming Soon)

💫Intelligent Alignment System	[+]💫New Coloring System	[+]💫User-Friendly Interaction Design	[+]💫New Color Picker (Original Design)
✅ 8 Basic Alignment Modes	[+]🖼️ One-Click Color Management Solution	🖱️ Floating Tool Panel	[+]✅ New Color Picking System Implemented with Native JS/CSS
📐 Dynamic Spacing Distribution Algorithm	[+]🔗 Real-Time Linked Display of Color Picking Effect	[+]🧩 New Custom Configuration	[+]🎨 Color Card Modes: Color/Gray Scale/Custom
👥 Collaborative Operation of Multiple Node Groups	[+]💾 Custom Color Card Collection and Restoration System	[+]💾 Layout Memory and Restoration System	[+]👏 Color Cards: Random/Collect/Remove/Manual Addition

⚠️Note: HT20250430 - New UI Scaling Adaptation (There is a minor bug causing incomplete display due to excessive global scaling, but it does not affect basic usage and will be fixed later. Therefore, you can currently use the basic UI scaling with confidence, i.e., directly click the "UI Scaling" button).
⚠️ [+] Note: The three major modules - 💫New Coloring System, 💫User-Friendly Interaction Design, and 💫New Color Picker (Original Design) - have all undergone restructuring to varying degrees, and the basic operation logic of the v1.0.4_rc version has been retained as much as possible. Everyone just needs to wait patiently for the upcoming update.

🖼️ Effect Demonstration

✅ Function Update Records

---

🛠️ Installation Guide

Manual Installation

1. Download the Latest Release
2. Unzip it to the ComfyUI/custom_nodes/ directory
3. Restart the ComfyUI service

Git Installation

git clone https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro.git custom_nodes/ComfyUI_EasyKitHT_NodeAlignPro

Git update (Manual navigation to the ComfyUI_EasyKitHT_NodeAlignPro directory is required first)

git fetch --all

🚀 Quick Start

Example Workflow Configuration (for reference only)

{
    "nodes": [
        {
            "type": "ComfyUI_EasyKitHT_NodeAlignPro/AlignGroup",
            "params": {
                "alignment_mode": "vertical_center",
                "spacing": 50,
                "color_scheme": "cyan"
            }
        }
    ]
}

📌 Function Details

• Node Alignment
  Left/Right/Top/Bottom Alignment, Horizontal/Vertical Centering, Smart Spacing Distribution

• Node Coloring
  7 Preset Color Schemes: orange, yellow, green, cyan, blue, purple, Custom Color Picker, One-click Reset

🤝 Contribution Guide

• Welcome to participate in the improvement in the following ways:
  Submit Usage Feedback、New Issue、Improve Code Logic、Fork & PR、Complete Multilingual Documents、Share Creative Workflows

📜 License Agreement

• This project uses the MIT License. The development idea is based on the secondary development ofComfyUI-NodeAligner and ComfyUI-Align.
• It mainly refactored the code and rewrote the UI, thus developing the lightweightComfyUI_EasyKitHT_NodeAlignPronamedComfyUI plugin.
• The core functions are: Node AlignmentandNode Coloring.

👨💻 This is a project developed by a designer in his spare time. Welcome to feedback on usage issues. ⚠️ There may be exceptions in untested scenarios. Please report them through Issues.