import { PanelsTopLeft, Database, Terminal } from "lucide-react";
assistant-ui helps you create beautiful, enterprise-grade AI chat interfaces in minutes. Whether you're building a ChatGPT clone, a customer support chatbot, an AI assistant, or a complex multi-agent application, assistant-ui provides the frontend primitive components and state management layers to focus on what makes your application unique.
Already using the AI SDK with your own UI? Add [cloud persistence with just one hook](/docs/cloud/ai-sdk), no UI library required.Key Features#
} title="Instant Chat UI"> Pre-built beautiful, customizable chat interfaces out of the box. Easy to quickly iterate on your idea.<Card icon={} title="Chat State Management">
Powerful state management for chat interactions, optimized for streaming responses and efficient rendering.
<Card icon={} title="High Performance">
Optimized for speed and efficiency with minimal bundle size, ensuring your AI chat interfaces remain responsive.
<Card icon={} title="Framework Agnostic">
Easily integrate with any backend system, whether using Vercel AI SDK, direct LLM connections, or custom solutions. Works with any React-based framework.
Quick Try#
The fastest way to get started:
npx assistant-ui@latest create
This creates a new project with everything configured. Or choose a template:
# Minimal starter
npx assistant-ui@latest create -t minimal
# Assistant Cloud - with persistence and thread management
npx assistant-ui@latest create -t cloud
# Assistant Cloud + Clerk authentication
npx assistant-ui@latest create -t cloud-clerk
# LangGraph starter template
npx assistant-ui@latest create -t langgraph
# MCP starter template
npx assistant-ui@latest create -t mcp