Skip to main content

Available Templates

Tambo provides production-ready templates to help you get started quickly. Each template demonstrates best practices for building AI-powered applications with generative UI.

AI Chat with Generative UI

Full-featured chat interface with dynamic component generation. Perfect for conversational AI apps.

AI Analytics Dashboard

Interactive analytics dashboard with AI-powered data visualization and insights.

When to Use Each Template

AI Chat Template

Use this template when building:
  • Conversational AI applications
  • Customer support chatbots
  • Personal AI assistants
  • Q&A systems with rich UI responses
  • Multi-turn interactive experiences
Key Features:
  • Message threading and history
  • Streaming responses
  • Dynamic component rendering
  • Suggestion prompts
  • Mobile-responsive design

Analytics Dashboard Template

Use this template when building:
  • Business intelligence dashboards
  • Data visualization tools
  • Reporting applications
  • Analytics platforms with AI-powered insights
  • KPI monitoring systems
Key Features:
  • Interactive charts and graphs
  • Real-time data updates
  • AI-powered data analysis
  • Multiple visualization types
  • Dashboard layouts

Getting Started with Templates

Quick Start

The fastest way to start with a template:
npm create tambo-app my-app
cd my-app
npm run dev
The CLI will guide you through selecting a template and setting up your project.

Manual Setup

Clone a template directly:
# Chat template
git clone https://github.com/tambo-ai/tambo-template my-app
cd my-app
npm install
npm run dev
# Analytics template
git clone https://github.com/tambo-ai/analytics-template my-app
cd my-app
npm install
npm run dev

Example Patterns

Explore these example pages to learn specific implementation patterns:

Chat Interface

Learn how to build conversational interfaces with message threading and streaming.

Analytics Dashboard

Build dashboards with interactive charts and AI-powered data visualization.

Task Board

Create interactive task boards with AI-assisted task management.

Customizing Templates

All templates are fully customizable:
  1. Components - Add your own components or use the pre-built component library
  2. Styling - Templates use Tailwind CSS and are fully themeable
  3. LLM Provider - Switch between OpenAI, Anthropic, Gemini, and more
  4. Backend - Use Tambo Cloud or self-host on your infrastructure

Next Steps

1

Choose a template

Select the template that best matches your use case
2

Explore the code

Review the template structure and component implementations
3

Add your components

Register your own components with Zod schemas
4

Deploy

Deploy to Vercel, Netlify, or your preferred hosting platform

Additional Resources

Build docs developers (and LLMs) love