NodeGraphQt
A node graph UI framework written in python using Qt.
Install / Use
/learn @jchanvfx/NodeGraphQtREADME
NodeGraphQt
<p align="center"> <a href="https://jchanvfx.github.io/NodeGraphQt" target="_blank"> <img src="https://raw.githubusercontent.com/jchanvfx/NodeGraphQt/main/docs/_images/logo.png" title="logo"> </a> </p>NodeGraphQt is a node graph UI framework written in python using Qt.
Install
NodeGraphQt is available on The Python Package Index (PyPI) here so it can be installed with:
pip install NodeGraphQt
or you can download previous versions from the releases page.
Documentation
<a href="https://jchanvfx.github.io/NodeGraphQt" target="_blank">https://jchanvfx.github.io/NodeGraphQt</a>
See the basic_example.py script to get started or check out the API example overview <a href="https://jchanvfx.github.io/NodeGraphQt/api/examples/ex_overview.html#simple-example" target="_blank">here.</a>
Vertical Layout
https://jchanvfx.github.io/NodeGraphQt/api/examples/ex_pipe.html#layout-direction
<img src="https://raw.githubusercontent.com/jchanvfx/NodeGraphQt/main/docs/_images/vertical_layout.png" width="800" title="Vertical Layout">Pipe Layout
https://jchanvfx.github.io/NodeGraphQt/api/examples/ex_pipe.html#layout-styles
<img src="https://raw.githubusercontent.com/jchanvfx/NodeGraphQt/main/docs/_images/pipe_layout_types.gif" width="600" title="Pipe Layout">Custom Widgets
https://jchanvfx.github.io/NodeGraphQt/api/custom_widgets.html
<img src="https://raw.githubusercontent.com/jchanvfx/NodeGraphQt/main/docs/_images/prop_bin.png" width="600" title="Properties Bin"> <img src="https://raw.githubusercontent.com/jchanvfx/NodeGraphQt/main/docs/_images/nodes_palette.png" width="450" title="Node Palette">Related Skills
node-connect
340.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
claude-opus-4-5-migration
84.1kMigrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5
frontend-design
84.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
model-usage
340.2kUse CodexBar CLI local cost usage to summarize per-model usage for Codex or Claude, including the current (most recent) model or a full model breakdown. Trigger when asked for model-level usage/cost data from codexbar, or when you need a scriptable per-model summary from codexbar cost JSON.
