tambo-ai

V 1.0.0 Coming Soon

These are draft docs for the upcoming 0.1.0 release. Read more about the upcoming release here. Have a question about anything in the docs? Send us a message.

Start in minutes

Just run this command to get started:

npx tambo --full-send

This command:

  • Choose to start with a template or install in your React App
  • choose between nextjs, remix, or vite
  • Creates a new Tambo project
  • Sets up all dependencies
  • Configures a basic app structure
  • Installs necessary packages

Running Your Project

Start your Tambo project locally:

npm run dev

This will start a development server at http://localhost:3000.

Adding MessageThread to Your App

The <MessageThread> component provides a complete chat interface for your AI assistant. Here's how to add it:

1. Open your main page file

open src/app/page.tsx

2. Import the MessageThread component

import { MessageThread } from "../source/components/MessageThread";

3. Add the component to your page

src/app/page.tsx
export default function Home() {
  return (
    <main>
      <MessageThread />
    </main>
  );
}

On this page