Tambo

Description

Tambo is an open-source toolkit for adding AI agents to React apps that speak your UI. Instead of returning plain text, the agent renders your own components with the right props. When a user asks "What seats are available?", Tambo's agent renders your SeatMap with your styling and logic and updates state as users interact — so you can ship AI features without rebuilding your interface.

Tambo includes a React SDK with hooks and providers for thread management, streaming, and component rendering, plus a built-in agent that requires no external framework. You register your components once, and the agent decides which one to render based on user messages and streams the props progressively. It supports two patterns: generative components rendered once in response to a message (charts, summaries) and interactable components that persist and update by ID across conversations (carts, task boards, dashboards). It handles the boring parts — error states, cancellation, message threads — and connects to databases, APIs, and external systems via the Model Context Protocol. Because the agent inherits your user's permissions, AI features stay secure.

You can self-host the backend or use Tambo Cloud for fast deployment. A free Starter plan includes 10K messages per month, unlimited OAuth users, chat-thread history, and analytics, with paid Growth and Enterprise plans adding higher message volumes, SSO/SAML, RBAC, single-tenant or on-prem options, and an uptime SLA.

Tambo's Core Features

• Generative UI that renders your own React components from user messages

• React SDK with hooks and providers for threads, streaming, and rendering

• Built-in agent with no external framework required

• Generative and interactable component patterns

• Progressive prop streaming plus error, cancellation, and thread handling

• MCP support to connect databases, APIs, and external systems

• Auth that inherits the user's permissions

• Self-host the backend or use Tambo Cloud

How to use Tambo?

1. 1

   Install: Add Tambo to your React app.

2. 2

   Register components: Tell the agent which components it can use.

3. 3

   Use Tambo hooks: Send messages and render responses with the SDK.

4. 4

   Add MCP: Connect databases, APIs, or your own MCP servers.

5. 5

   Deploy: Self-host the backend or use Tambo Cloud.

Tambo's Use Cases

• Conversational dashboards
• Interactive app features
• Agentic web apps
• MCP-connected tools

FAQ from Tambo

• What is Tambo?

  Tambo is an open-source generative-UI toolkit for React that lets an agent render your existing components based on user messages, handling streaming, state, and MCP.

• How does it work?

  You register your components once, and the agent decides which one to render for a given message and streams the props into it.

• What component patterns does it support?

  Generative components rendered once for a result, and interactable components that persist and update by ID across conversations.

• Does it handle authentication?

  Yes. The agent inherits your user's permissions, keeping AI features secure; pass a user token to enable per-user auth.

• Can I self-host it?

  Yes. You can self-host the backend or use Tambo Cloud for fast deployment.

• What does the free plan include?

  The Starter plan is free with 10K messages per month, unlimited OAuth users, chat-thread history, analytics, and community support.