# Orbit Flow
URL: /docs/core-features/orbit-flow

***

title: Orbit Flow
description: Interactive agentic UI layer where users collaborate with AI through chat, dashboards, and dynamic components.
---------------------------------------------------------------------------------------------------------------------------

# Orbit Flow

**Orbit Flow** is the interactive **end-user experience layer** of the Orbit Framework. It’s where agents surface their outputs in a **dynamic, declarative UI**: tables, charts, forms, approvals, summaries, and more.

Flow transforms agent responses into **live dashboards and workspaces**, letting users act, analyze, and collaborate—all in one place.

***

## Key Capabilities

<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
  <div className="rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-5 shadow-sm flex flex-col gap-2">
    <div className="font-semibold text-primary">Agentic Dashboards</div>

    <div className="text-zinc-600 dark:text-zinc-300">
      Automatically generated dashboards from agent responses—charts, tables,
      metrics, and cards—built dynamically with no manual setup.
    </div>
  </div>

  <div className="rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-5 shadow-sm flex flex-col gap-2 mt-0">
    <div className="font-semibold text-primary">Interactive Chat</div>

    <div className="text-zinc-600 dark:text-zinc-300">
      A chat-driven interface where users prompt agents, refine results, and
      guide workflows in real time.
    </div>
  </div>

  <div className="rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-5 shadow-sm flex flex-col gap-2">
    <div className="font-semibold text-primary">Dynamic UI Components</div>

    <div className="text-zinc-600 dark:text-zinc-300">
      Agents return declarative JSON schemas that Flow renders into live
      UI—forms, summaries, and custom cards.
    </div>
  </div>

  <div className="rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-5 shadow-sm flex flex-col gap-2">
    <div className="font-semibold text-primary">Multi-Agent Support</div>

    <div className="text-zinc-600 dark:text-zinc-300">
      Interact with multiple agents in the same workspace. Flow stitches
      together their outputs into a unified dashboard view.
    </div>
  </div>

  <div className="rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-5 shadow-sm flex flex-col gap-2">
    <div className="font-semibold text-primary">Collaboration</div>

    <div className="text-zinc-600 dark:text-zinc-300">
      Share agent dashboards with teammates or external users via secure links.
      Export cards or dashboards as images or embeds.
    </div>
  </div>

  <div className="rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 p-5 shadow-sm flex flex-col gap-2">
    <div className="font-semibold text-primary">Extensible</div>

    <div className="text-zinc-600 dark:text-zinc-300">
      Build and plug in new card types, workflows, and integrations—customizing
      Flow for your business domain.
    </div>
  </div>
</div>

***

## How It Works

1. **User Prompts an Agent** – through chat or workflow input.
2. **Agent Responds with JSON Schema** – describing components (e.g. `TableCard`, `ChartCard`, `FormCard`).
3. **Flow Renders UI** – Orbit Flow instantly turns that schema into an interactive dashboard.
4. **User Acts & Iterates** – data is refined, approved, or shared back into workflows.

***

## Example Use Cases

* **Business Intelligence** – Generate a dashboard of KPIs from CRM and marketing agents.
* **Dynamic Forms** – Collect structured data with a FormCard that feeds directly into backend systems.
* **Collaborative Planning** – Share a live dashboard with your team, letting them explore agent outputs in real time.

***

## How Your Team Uses Flow

| Platform Option   | Flow Usage                                   |
| ----------------- | -------------------------------------------- |
| **Orbit Console** | Preview and testing during agent development |
| **Orbit Hosted**  | Full deployment in your own infrastructure   |

**Important:** Production Flow dashboards always run in your team's infrastructure. Console provides preview capabilities for development, while Hosted gives you the complete platform to deploy and manage Flow in your environment.

***

> Orbit Flow is the **face of the Orbit Framework**—turning AI into action by making agent outputs instantly usable, interactive, and shareable.