Flow Components

Flow Components are the building blocks of Orbit Flow.
Agents generate them dynamically via declarative JSON schemas, and Flow renders them into interactive UI—turning AI responses into usable dashboards, forms, and reports.

These components make Orbit Flow flexible, consistent, and extensible, letting teams collaborate with agents in real time without needing custom frontend code.

---

Core Components

---

How Components Work

1. Agent Responds with Schema
   Example schema for a chart component:

   {
     "type": "ChartCard",
     "title": "Revenue by Month",
     "data": [
       { "month": "Jan", "value": 12000 },
       { "month": "Feb", "value": 15000 }
     ],
     "xKey": "month",
     "yKey": "value"
   }

2. Orbit Flow Renders UI Instantly creates a chart (bar, line, etc.) from the schema.

3. User Interacts Data can be drilled into, exported, or combined with other components in a dashboard.

Extending Components

Orbit Flow is designed to grow with your needs:

• Developers can create custom cards by extending the schema definition and adding new renderers.
• Examples include: approval cards, form inputs, task lists, or workflow visualizers.
• All custom components remain consistent with the Flow framework and inherit styling, layouts, and interaction patterns.

Learn More

Explore each component in detail:

• Chart Component
• Table Component
• Metric Component
• Markdown Component

Tip: Start with these four core components. As your use cases grow, extend Flow with custom schemas to fit your domain-specific needs.