Live Demo
See what you’re building.
Get Started
Create, configure, deploy. Go from zero to production in minutes.
Why ChatJS?
Every AI chat app needs the same boring stuff: auth, message persistence, streaming, file uploads, model switching. You’ve probably built it before. Maybe twice. ChatJS packages all of that into a single, well-architected codebase. Scaffold it, customize it, ship it.What’s Included
Multi-Gateway
Hundreds of models via Vercel AI Gateway or OpenRouter
Auth
GitHub, Google, anonymous. Ready to go.
Attachments
Images, PDFs, docs. Drag and drop.
Resumable Streams
Continue generation after page refresh
Branching
Fork conversations, explore alternatives
Syntax Highlighting
Beautiful code formatting with themes
Sharing
Share conversations with public links
Web Search
Real-time web search integration
Image Generation
AI-powered image creation built-in
MCP
Model Context Protocol support
Projects
Organize chats into workspaces
Code Execution
Run code snippets in sandbox
Stack
- Next.js - App Router, React Server Components
- TypeScript - Full type safety
- AI SDK - The AI Toolkit for TypeScript
- AI Gateway / OpenRouter - Pluggable multi-gateway for AI models
- Better Auth - Authentication & authorization
- Drizzle ORM - Type-safe database queries
- PostgreSQL - Primary database
- Redis - Caching & resumable streams
- Vercel Blob - Blob storage
- Shadcn/UI - Beautiful, accessible components
- Tailwind CSS - Styling
- tRPC - End-to-end type-safe APIs
- Zod - Schema validation
- Zustand - State management
- Motion - Animations
- t3-env - Environment variables
- Pino - Structured Logging
- Langfuse - LLM observability & analytics
- Vercel Analytics - Web analytics
- Biome - Code linting and formatting
- Ultracite - Biome preset for humans and AI
- Streamdown - Markdown for AI streaming
- AI Elements - AI-native Components
- AI SDK Tools - Developer tools for AI SDK