Extensions/ComfyUI-Beginner-Bible
ComfyUI Extension

ComfyUI-Beginner-Bible

An in-app, drag-and-drop dictionary for ComfyUI, designed specifically for absolute beginners and non-coders.

By yedp123·Created 6 months ago·Updated 6 months ago· 57
yedp123/ComfyUI-Beginner-Bible
Nodes—
On cloudLocal install
Stars57
Updated6 months ago
Readme

📖 ComfyUI Beginner Bible

An in-app, drag-and-drop dictionary for ComfyUI, designed specifically for absolute beginners and non-coders.

<img width="697" height="849" alt="image" src="https://github.com/user-attachments/assets/97305250-5c61-4e3e-9607-c7056501f340" />

If you are new to ComfyUI, the sheer number of nodes can be overwhelming. What does a "KSampler" do? Why do I need a "VAE Decode"? This extension adds a beautifully styled, searchable sidebar directly inside ComfyUI that translates 136 core nodes into plain, simple English.

✨ Features

  • 🧠 136 Nodes Explained Simply: Ditch the technical jargon. Learn what each node does and exactly how to plug it in.
  • 🖱️ Native Drag & Drop: Found the node you need? Just click and drag the card directly from the dictionary onto your canvas.
  • 👁️ Hover Previews: Hover over any node in the list to instantly see a preview of its inputs (colored dots) and outputs.
  • ⌨️ Hotkey Ready: Press Alt + B anytime to instantly slide the panel open or closed.

📦 Installation

Method 1: Git Clone

  1. Open your terminal/command prompt.

  2. Navigate to your ComfyUI custom_nodes folder:
    cd ComfyUI/custom_nodes/

  3. Clone this repository:
    git clone https://github.com/yedp123/ComfyUI-Beginner-Bible.git

  4. Restart ComfyUI.

Method 2: Manual Download

  1. Click the green Code button at the top of this repository and select Download ZIP.
  2. Extract the folder.
  3. Rename the extracted folder to ComfyUI-Beginner-Bible.
  4. Move the folder into your ComfyUI/custom_nodes/ directory.
  5. Restart ComfyUI.

🚀 How to Use

  1. Look for the 📖 Bible button in your ComfyUI menu or simply press Alt + B on your keyboard.
<img width="696" height="84" alt="image" src="https://github.com/user-attachments/assets/25dfbf1d-808b-488c-b9f8-ab713a4bc902" />
  1. Use the search bar or the category tags (Loader, Conditioning, Sampling, etc.) to find the node you need.
  2. Read the description and the Beginner Tip to understand how to wire it.
  3. Drag and drop the card onto your canvas, or just click it to spawn the node at the center of your screen.

🤝 Contributing

Found a core node that is missing? Think an explanation could be even simpler? Feel free to open an issue or submit a Pull Request!

❤️ Credits

Curated and created by Yedp. Designed to help artists and beginners easily bridge the gap into node-based AI workflows.