Next-Gen Planning

NodeFlow Pro

Visual Project Mapping with instant synchronization, robust task structuring, and deep markdown integration for high-performing teams.

NodeFlow Dashboard Interface

Built to untangle complex workflows.

Whether you're shipping code or producing a film, visual mapping clarifies dependencies and unblocks your team.

Software Engineering

Plan sprints, map dependency trees between microservices, and track parallel work streams flawlessly.

Content Creation

Coordinate writing, editing, reviewing, and publishing stages with clear visual pipelines.

Business Strategy

Align cross-functional leaders around company milestones and track high-level executive deliverables.

Markdown Native

Write. Map. Deploy.

NodeFlow's smart engine parses standard markdown headings, checklists, and ID references directly into interactive node graphs instantly.

  • Zero friction parsing Write your plan in plain text without dragging and dropping boxes.
  • Real-time Multiplayer Supabase WebSockets keep your entire distributed team perfectly in sync.
  • Robust dependency trees Automatically calculates critical paths and visualizes blockers.
plan.md 
## Phase 1: Infrastructure
- [ ]1 Set up Server (3 days)
  @devops
  [ ](0)
  
- [ ]2 Configure Database (2 days)
  @db_admin
  [ ](1)

## Phase 2: Application Core
- [ ]3 Build API Endpoints (4 days)
  @backend_team
  [ ](2)

Choose your Username

How should other collaborators identify you?

NodeFlow

Visual Project Mapping

Welcome Back:

User

Join a Collaboration

Enter a 6-character invite code to join an existing project

  Your Projects  0 active

AI Project Assistant

Describe your project needs and let our AI architect generate a complete interactive plan for you. This will overwrite the current project text.

Leave as default if Ollama is running locally, or enter your remote server's tunnel URL.

Welcome to NodeFlow Pro

NodeFlow is a visual project mapping and task tracking platform.

📌 Managing the Graph Interface

  • Interactive Canvas: Click and drag anywhere on the black background to pan around the project graph. Use your mouse wheel or trackpad to zoom in and out.
  • Task Details & Chat: Click directly on any node block to open its dedicated details pane. Here you can chat with your team about that specific task.
  • Completion Status: To mark a task as finished, simply click the empty checkbox [ ] inside the graph node. It will turn solid green!

🗂️ Navigating the App

  • Sidebar: Use the hamburger menu in the top left to open the Sidebar. This gives you instant access to filter tasks by User/Participant or view urgent incomplete tasks inside the Registry.
  • Settings Tab: Inside the Sidebar, click the "Settings" tab to find your Project Start Date, your Invite Code (for inviting collaborators), and the ultimate Logout button.
Advanced: Architectural Markdown Syntax (Project Owners Only)

As a Project Owner, you have access to the Graph view raw editor. This text engine directly renders the visual graph. Here are the core structural tools:

1. Stages (e.g., ## Phase 0: Title)

  • Syntax: ## [Stage Name]
  • Stages organize the vertical columns. Stages with the same number stack together chronologically.

2. Tasks (e.g., - [ ]1 Task Name (2 days))

  • Syntax: - [ ]<Task ID> <Label> (<Duration>)
  • Example: - [ ]1 Design Wireframes (5 days)

3. Dependencies (e.g., [ ](1, 2))

  • To force a task to wait on a previous node to finish, link them via ID: [ ](1). Use [ ](0) for tasks that can start instantly.
📌
Select a Task
Click a task on the graph to see its details.
● Checking Connection...