BotDojo Chat SDK
Beta

Build AI Agents That See and Act In Your App

Give agents visibility into what users see and let them act on their behalf. Rich UI experiences, API calls, and open standards—all in one SDK.

Try Live DemoSign Up Free
⚡ Quick Start
$npm install -g @botdojo/cli && botdojo playground

Installs CLI, clones repo, installs dependencies, and sets up your project

How AI is changing the way people work

The best AI products aren't chat boxes bolted onto the side—they're agents deeply integrated into the workflow. Look at what's working:

Cursor AI
Edit code by describing what you want—the agent sees your codebase and makes changes directly
Replit Agent
Builds entire apps from a prompt, deploying and debugging as it goes
Notion AI
Restructures your docs and databases without leaving the page
Shopify Sidekick
Updates inventory and creates discounts through conversation

What do these have in common? The AI isn't a separate experience—it's woven into the product. Users stay in their flow while the agent works alongside them.

✨BotDojo Chat SDK Features

🎯
Agentic UI
Agent sees & acts in your app
🌊
Real-time Streaming
See responses as they generate
🎨
MCP Apps
Open standard for rich UI cards
💾
Persistence
Sessions, messages, app state

Two Ways to Deploy

Use our ready-made chat widget or build a completely custom UI with hooks.

💬
READY TO USE

BotDojo Chat

Drop-in chat widget with streaming, tools, and MCP Apps. No server required.

Data Flow

🌐
Your Website
🎨Frontend MCP
💬
Chat Widget
☁️
BotDojo Cloud
🔌Your API
⚡Integrations
🔗MCP Servers
Click Animate to see the flow
WHAT YOU GET
✓ Zero server setup✓ Full streaming UX✓ MCP Apps included✓ Multiple layouts
📄BotDojo Chattsx
1import { BotDojoChat } from '@botdojo/chat-sdk';
2

3function App() {
4  return (
5    <BotDojoChat
6      apiKey="your-api-key"
7      mode="popup"  // or "inline", "side-panel"
8      modelContext={{
9        tools: [/* your frontend tools */],
10        resources: [/* dynamic context */],
11      }}
12    />
13  );
14}
Try BotDojo Chat →
🎨
FULL CONTROL

Custom Chat UI

Build your own chat interface. BotDojo handles the backend—you control every pixel.

Data Flow

🎨
Your Website
Custom Chat UI
🎨Frontend MCP
📡
SDK Hooks
☁️
BotDojo Cloud
🔌Your API
⚡Integrations
🔗MCP Servers
Click Animate to see the flow
WHAT YOU GET
✓ Custom components✓ Event streaming hooks✓ Headless control✓ Full design freedom
📄Custom Chat UItsx
1import { 
2  BotDojoChatProvider, 
3  useChatMessages, 
4  useChatActions,
5  McpAppHost,
6} from '@botdojo/chat-sdk';
7

8function CustomChatUI() {
9  const { messages } = useChatMessages();
10  const { sendMessage } = useChatActions();
11  
12  return (
13    <div className="my-chat">
14      {messages.map(msg => (
15        <div key={msg.id}>
16          <MyMessage message={msg} />
17          {msg.mcpApp && <McpAppHost mcpAppData={msg.mcpApp} />}
18        </div>
19      ))}
20      <MyInput onSend={sendMessage} />
21    </div>
22  );
23}
Try Custom Chat UI →

BotDojo Handles the Hard Parts

🔌CommunicationStreaming, reconnection, tool calls
🔒SecurityCORS, sandboxing, CSP
💾PersistenceSessions, messages, MCP App state
📐Open StandardsMCP + MCP Apps spec compliant