# Introduction
URL: /docs

Beautiful, enterprise-grade AI chat interfaces for React applications.

import { Sparkles, PanelsTopLeft, Database, Terminal, Bot } 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.

<Callout type="tip">
  Already using the AI SDK with your own UI? Add [cloud persistence with just one hook](/docs/cloud/ai-sdk), no UI library required.
</Callout>

Key Features \[#key-features]

<Cards>
  <Card icon={<PanelsTopLeft className="text-purple-300" />} title="Instant Chat UI">
    Pre-built beautiful, customizable chat interfaces out of the box. Easy to quickly iterate on your idea.
  </Card>

  <Card icon={<PanelsTopLeft className="text-blue-300" />} title="Chat State Management">
    Powerful state management for chat interactions, optimized for streaming responses and efficient rendering.
  </Card>

  <Card icon={<Database className="text-green-300" />} title="High Performance">
    Optimized for speed and efficiency with minimal bundle size, ensuring your AI chat interfaces remain responsive.
  </Card>

  <Card icon={<Terminal className="text-orange-300" />} 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.
  </Card>
</Cards>

Quick Try \[#quick-try]

The fastest way to get started:

```sh
npx assistant-ui@latest create
```

This creates a new project with everything configured. Or choose a template:

```sh
# 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
```

What's Next? \[#whats-next]

<Cards>
  <Card title="Installation" description="Full installation guide with CLI and manual setup options" href="/docs/installation" />

  <Card title="Agent Skills" description="Use AI tools to build with assistant-ui faster" href="/docs/llm" />

  <Card title="Pick a Runtime" description="Choose the right runtime for your needs" href="/docs/runtimes/pick-a-runtime" />

  <Card title="Examples" description="Explore full implementations and demos" href="https://github.com/assistant-ui/assistant-ui/tree/main/examples" />
</Cards>