— fps100%
LiteGraph.js 0.7.18
Graph JSON ·
litegraph-vibe JSON payload, or a bare LiteGraph graph.serialize() object. Auto-detected.graph.serialize() JSON to load it onto the canvas.Powered by LiteGraph.js 0.7.18 — same engine that powers ComfyUI. Built-in node libraries cover basic/*, math/*, logic/*, graphics/*, events/*, time/*, and more.
Right-click canvas to add nodes. Drag from output ⬜ to input ⬜ to wire. Click a node to select; Delete to remove. Double-click a node to edit its title or properties. Shift+drag for box select.
Click Subgraph in the toolbar to insert a Subgraph node. Double-click it (or use the drill-in button) to enter; ↑ Up returns. The breadcrumb shows where you are.
Toggle Live in the toolbar — nodes shrink to show only their UI controls (sliders, watches, displays). Use for dashboards built from node graphs.
The right pane shows the selected node's title and editable properties. Right-side icon in the header toggles its visibility.
The JSON button at the right of the toolbar opens a drawer with the canonical graph.serialize(). Edit and click Apply. Closes again when you're done.
Vibe → Copy Vibe Link emits a #vibe= URL carrying the whole graph. Paired with the litegraph-vibe skill, an LLM can hand-build a node graph and return a clickable link.
⌘↵ start / stop · ⌘S save · ⌘N new · ⇧⌘V Load Vibe · ⌘. maximize canvas · ⌘J toggle JSON · F frame all.