Chat Interface

Build your own AI assistant with a real-time streaming interface

Create your own version of powerful AI assistants like ManusAI, Lovable, Cursor, Windsurf, etc… with plugins - all using PandaAGI’s ready-made chat interface.

Why Build a Chat Interface?

A chat interface is the most intuitive way for users to interact with AI agents. The PandaAGI chat interface provides:

Real-time Streaming

See agent responses, thinking, and actions as they happen

Tool Visibility

Watch as the agent uses tools to solve complex problems

Conversation History

Maintain context across multiple interactions

Mobile Responsive

Works seamlessly on desktop and mobile devices

Ready-to-use Chat Interface

PandaAGI includes a production-ready chat interface in the examples folder that you can deploy immediately.

Docker Setup (Recommended)

1. Clone Repository

   git clone https://github.com/sinaptik-ai/panda-agi.git
   cd panda-agi
   
2. Configure API Key

   cd examples/ui
   echo "PANDA_AGI_KEY=your-api-key-here" > .env
   
3. Launch Application

   # For production (uses pre-built images)
   ./start.sh
   
   # For local development (will build the image based on the new changes)
   # ./start.sh --dev
   

   This command will:

   • ✅ Check Docker requirements
   • 🛑 Stop any existing containers
   • 🔄 Pull pre-built production images (default)
   • 🔨 Build and start services (in development mode with —dev)
   • 🔍 Perform health checks
   • 📊 Display service status and URLs

   Pro Tip: Use --build to force rebuild images when needed.

4. Access the Interface

   Once running, access:

   • Frontend: http://localhost:3000
   • Backend API: http://localhost:8001

Development Setup

1. Start in Development Mode

   cd examples/ui
   ./start.sh --dev
   

   This will build and run the application locally with hot-reloading.

2. Manual Development (Alternative)

   # Backend
   cd examples/ui/backend
   poetry install
   python main.py
   
   # Frontend (in a new terminal)
   cd examples/ui/frontend
   yarn install
   yarn start
   

   Use this approach if you need to run services separately.

Next Steps

Quickstart Guide

Return to the quickstart guide to explore more capabilities

CLI Interface

Try the command-line interface for terminal-based interactions

Event System

Learn more about PandaAGI’s event system for real-time interactions