Getting Started

Learn more about how to get started, find examples and tutorials.

Chat Form

Chat form interface

The main chat interface where you interact with AI agents and manage your conversations.

Plus button

The Plus button opens a mobile-friendly navigation menu.

Send button

The Send button submits your message to the chosen AI model.

Model button

Use the Model button to choose the default AI model.

Config button

Use the Config to specify which models can be used in 'Agent' mode.

Editor button

The Editor button launches an prompt template editor for longer prompts.

Vibe button

'Vibe' mode allows traditional AI chat. Type a prompt. Hit send. See the results.

Agent button

'Agent' mode allows messaging multiple AI models, e.g. @chatgpt, @claude -- And you can use more than one in a single prompt. Use the best model for the right situation.

Odometer button

The Odometer toggle displays (or hides) quick metrics showing usage like tokens used, and costs.

Wide odometer display
Odometer display

The odometer provides real-time usage metrics including token consumption and costs across different AI models.

UI Customization

Font size menu

Adjust font sizes for better readability. Choose from small, medium, large, or extra-large text to match your preferences.

Theme controls

Theme controls allow you to switch between light and dark modes, plus access additional theme options.

Theme selection menu

Choose from multiple theme options including system default, light mode, dark mode, and additional color schemes.

Mobile menu

The mobile-friendly navigation menu provides easy access to all features on smaller screens with touch-optimized controls.

Resources

Tutorials

These examples make it easy to get started

Language Specification

A scripting language to harness the power of many AI engines

AI Providers

Support for many AI providers and AI models is planned

🤖
Anthropic
Claude Sonnet, Opus, & Haiku
🧠
OpenAI
GPT-4 & ChatGPT
💎
Google Gemini
Gemini Ultra, Pro & Nano
🔀
OpenRouter
Multi-model gateway has hundreds of models

Modern Stack

Built with the latest technologies for performance and developer experience.

⚛️
React
Frontend
🔷
TypeScript
Language
🐍
Python
Backend
🐙
GitHub
Version Control
🟢
Supabase
Backend Platform
🐘
PostgreSQL
Database
💨
Tailwind
Styling
🎨
CVA
Design System
📨
Redis
Messaging
☁️
fly.io
Container Platform

Special AI Features

Advanced capabilities built for AI-first development

Asynchronous Workflows

Built-in support for long-running AI operations and background processing

Multi-Agent Architecture

Orchestrate multiple AI agents with communication and coordination patterns

Real-time Collaboration

Live collaboration features with Supabase real-time subscriptions and Google Pub Sub messaging