ImNodeFlow

Node based editor/blueprints for ImGui

Create your custom nodes, and their logic. ImNodeFLow will handle connections, editor logic and rendering.

ImNodeFlowDemo.mp4

Features

• Backed-in Input and Output logic
• Backed-in links handling
• Customizable filters for different connections
• Backed-in customizable pop-ups
• Appearance 100% customizable

Implementation (CMake project)

1. Download and copy, or clone the repo inside your project
2. Add the following lines to your CMakeLists.txt:

   add_subdirectory(path/to/ImNodeFlow)
   target_link_libraries(YourProject ImNodeFlow)
   

Alternative

Download the latest ImNodeFlow.zip containing only the necessary files and add them manually.

Simple Node example

class SimpleSum : public BaseNode
{
public:
    explicit SimpleSum(const std::string& name, ImVec2 pos, ImNodeFlow* inf) : BaseNode(name, pos, inf)
    {
        addIN<int>("IN_VAL", 0, ConnectionFilter_Int);
        addOUT<int>("OUT_VAL", ConnectionFilter_Int)
                ->behaviour([this](){ return ins<int>(0) + m_valB; });
    }

    void draw() override
    {
        ImGui::SetNextItemWidth(100.f);
        ImGui::InputInt("##ValB", &m_valB);
    }
private:
    int m_valB = 0;
};

Full documentation

For a more detailed explanation please refer to the full documentation

---

Special credits

• thedmd for imgui_bezier_math.h