NodeUIConnecting ideas, and sharing them.
Build node graphs, flowcharts, and diagrams directly in the browser. No installs, no accounts — just open and start connecting ideas and share.
Skip to content
NodeUI
Rich Media
Not just text.
Drop images, YouTube videos, Vimeo, and direct video URLs straight onto the canvas. Any node can hold any content.
Real-time Collaboration
Built for teams.
Move a node on the left — watch it move on the right. Real-time sync powered by Cloudflare Durable Objects.
Whiteboarding
Your thoughts, connected.
Brainstorm, plan, and map out ideas on an infinite canvas. Every node supports full markdown — headings, lists, code blocks.
Organization
Structure at any scale.
Group nodes into containers to build swimlanes, kanban boards, or layered system diagrams. Drag in, drag out.
Data Pipelines
Model real systems.
Route edges through waypoints to keep complex graphs readable. Map out APIs, event streams, and data flows without the mess.
Nested Graphs
Infinite depth.
Embed entire graphs inside a single node. Double-click to go deeper, use the breadcrumb to come back. No limit on nesting.
Markdown
Write, don't just draw.
Every node is a markdown editor. Headings, lists, code blocks, bold, inline code — full formatting inside any node on the canvas.
Nothing to install
No build step, no server, no account. Open the URL and you're in.
Real-time collaboration
Multiple people, one canvas. Every move syncs instantly via Cloudflare Durable Objects.
Vanilla JavaScript
No framework, no lock-in. Drop it anywhere a browser runs — local file, CDN, USB stick.
Components
Built-in Node Types
Eight node types, ready to use out of the box.
BaseNode
Rich markdown content, resizing, 6 color variants, inline editing.
GroupNode
Container nodes for organizing collections of child nodes.
SubGraphNode
Nested graphs with independent state and breadcrumb navigation.
ThreeJSNode
Full 3D viewport with Three.js scene, camera controls, and lighting.
RoutingNode
Minimalist waypoints for clean edge path management.
LogNode
Real-time event logging and debugging interface.
SettingsNode
Application configuration and preferences panel.
ImageSequenceNode
Frame-by-frame animation with playback controls.
Open it and start.
No installation, no account, no waiting. NodeUI runs entirely in your browser.