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

• 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.
  • ADDEDD 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!

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

Features

🖱️Drag and Drop Nodes🖱️

📌Pin Your Favorite Node📌

🔍Search within your nodes📄

🔍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 📂

➕Expand/Collapse Categories/Sidebar➖

🔁Reorder Nodes🔁

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

👁 Preview Node 👁

🎨 ComfyUI Themes Support 🎨

🎨 New Settings Panel 🎨

Additional Features

• Width and Minimized State of the sidebar are saved in cookies

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 ❤️

License

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