Drag and Drop Nodes

YouTube

ComfyUI-N-Sidebar

A simple sidebar for ComfyUI. For what i know nobody did it, so i did it. Maybe you don't need it. I need it >.<

Updates

  • 25-05-2024
    • Fixed some bugs

    • Added Templates support**

      • Added ability categorize custom categories
      • Added preview (list of used nodes)
    • Added Workflow support!

      • Added ability to rename workflows
      • Added ability to remove workflows
      • Added ability to categorize workflows
      • Added preview (list of used nodes), (disabled by default)

** i did not enabled the rename and delete because it's conflicing with the TemplateManager

  • 21-04-2024

    • Rewritten a lot of the code to improve performance and readability, and slightly adjusted the UI to ensure compatibility with future updates.
    • ADDED CUSTOM CATEGORIES
    • Added custom setting panel
    • Re-Implemented the 'original' search function to support translated versions of ComfyUI (requires testing)
    • Added LEFT and RIGHT positioning options
    • Added "Auto Hide" feature
    • Now you have the option to use the default node ordering in ComfyUI instead of the alphabetical one
    • Added the possibility to perform a Soft or Factory Reset of the configuration
    • Now most configuration settings are stored in the settings.json file.
    • Fixed some bugs
    • Added some other bugs for sure!
  • 31-03-2024

    • Added fuzzy search (work in reverse too!) (enabled by default) - You can disable it in the settings
    • Added description of the node under the preview (Visible only if the description is set in the node)
    • Added possibility to collapse pinned node/custom nodes sections
    • Added possibility to set the bottom space for the sidebar
    • Added the scroll to top button
    • Fixed some bugs
    • Started migration from cookies to localstorage
    • 🐰 Happy Easter! 🐰

Installation

  1. Clone the repository: git clone https://github.com/Nuked88/ComfyUI-N-Sidebar.git
    to your ComfyUI custom_nodes directory
  2. Enjoy!

NOTE: If you choose to use a different method to install the ComfyUI-N-Sidebar, please ensure that you rename the folder to ComfyUI-N-Sidebar.

Uninstall

  • Delete the ComfyUI-N-Sidebar folder in custom_nodes

Update

  1. Navigate to the cloned repo e.g. custom_nodes/ComfyUI-N-Sidebar
  2. git pull

Keyboard Shortcuts

  • Alt+Z to toggle show/hide sidebar
  • Alt+X to focus on the search field
  • Alt+G to open the settings

Features

🖱️Drag and Drop Nodes🖱️

Drag and Drop Nodes

📌Pin Your Favorite Node📌

Pin Your Favorite Node

🔍Search within your nodes📄

Search within your nodes

🔍Search within categories📂

Search within categories

Fuzzy Search This feature is enabled by default, you can disable it in the settings. I've used fts_fuzzy_match.js by Forrest Smith

🎨 Custom Categories 📂

Custom Categories

➕Expand/Collapse Categories/Sidebar➖

Expand/Collapse Categories and Sidebar

🔁Reorder Nodes🔁

Reorder Nodes
Note: The node will be placed before the element on which it is dragged!

👁 Preview Node 👁

Preview Node

📄 Templates Support 📄

Templates Support

📄 Workflow Support 📄

Workflow Support

🎨 ComfyUI Themes Support 🎨

Themes Support

🎨 New Settings Panel 🎨

ComfyUI Settings

PS: Workflow Path

Todo:

  • Reordering pinned nodes
  • Node preview (i don't think it will be an image)
  • Color integration with Jovimetrix
  • Better search
  • Custom Categories!!

Contributing

Feel free to contribute to this project by reporting issues or suggesting improvements. Open an issue or submit a pull request on the GitHub repository.

Donations

If you'd like to support the project, consider making a donation ❤️
ko-fi Support me on Patreon

License

This project is licensed under the MIT License. See the LICENSE file for details.

S
Description
No description provided
Readme MIT
12 MiB
Languages
JavaScript 66.8%
Python 15.4%
CSS 13%
HTML 4.8%