# Documentation

- [The API Contract](/docs/chat/api-contract): JSON contract for threads, messages, and streaming.
- [Artifacts](/docs/chat/artifacts): Add side-panel content that opens from inline previews in chat.
- [BottomTray](/docs/chat/bottom-tray): A floating support-style chat widget.
- [Connecting to LLM](/docs/chat/connecting): Configure apiUrl, streamProtocol adapters, and authentication.
- [Copilot](/docs/chat/copilot): The sidebar assistant layout for in-app chat experiences.
- [Custom Chat Components](/docs/chat/custom-chat-components): Override the composer, assistant messages, and user messages.
- [Custom UI Guide](/docs/chat/custom-ui-guide): Build a chat interface from scratch using headless hooks.
- [End-to-End Guide](/docs/chat/from-scratch): Build a complete OpenUI Chat setup from an existing app.
- [FullScreen](/docs/chat/fullscreen): The full-page, ChatGPT-style chat layout.
- [GenUI](/docs/chat/genui): Use Generative UI with Chat components.
- [Headless Introduction](/docs/chat/headless-intro): Why and when to use headless mode with ChatProvider.
- [Hooks & State](/docs/chat/hooks): Deep dive into useThread, useThreadList, and related headless state hooks.
- [Chat](/docs/chat): Production-ready chat UI for AI agents. Drop-in layouts, streaming from any LLM provider, and Generative UI — all in a few lines of code.
- [Installation](/docs/chat/installation): Add OpenUI Chat to an existing Next.js App Router application.
- [Next.js Implementation](/docs/chat/nextjs): Build a Route Handler for streaming chat responses.
- [Connect Thread History](/docs/chat/persistence): Configure threadApiUrl and load thread lists and message history.
- [Providers](/docs/chat/providers): Provider-specific setup for OpenAI, Vercel AI SDK, and LangGraph.
- [Quick Start](/docs/chat/quick-start): Get a working chat UI running in under 5 minutes.
- [Theming](/docs/chat/theming): Customize colors, typography, and branding for Chat components.
- [Welcome & Starters](/docs/chat/welcome): Configure the empty-state welcome message and conversation starters.
- [@openuidev/cli](/docs/api-reference/cli): API reference for the OpenUI CLI to scaffold apps and generate system prompts.
- [OpenUI SDK](/docs/api-reference): API reference for the documented surfaces of @openuidev/react-lang, @openuidev/react-headless, @openuidev/react-ui, and @openuidev/react-email.
- [@openuidev/react-email](/docs/api-reference/react-email): API reference for the pre-built email templates library and prompt options.
- [@openuidev/react-headless](/docs/api-reference/react-headless): API reference for chat state, hooks, streaming adapters, and message types.
- [@openuidev/react-lang](/docs/api-reference/react-lang): API reference for the OpenUI Lang runtime, library, parser, and renderer.
- [@openuidev/react-ui](/docs/api-reference/react-ui): API reference for prebuilt chat layouts and default component library exports.
- [AI-Assisted Development](/docs/mcp): Connect OpenUI documentation to your AI coding tools via MCP, agent skills, or LLM-friendly doc formats.
- [Benchmarks](/docs/openui-lang/benchmarks): Token efficiency and latency comparison of OpenUI Lang vs YAML, Vercel JSON-Render, and Thesys C1 JSON.
- [Built-in Functions](/docs/openui-lang/builtins): Transform, filter, and aggregate data with @-prefixed built-in functions.
- [Defining Components](/docs/openui-lang/defining-components): Define OpenUI components with Zod and React renderers.
- [Evolution Guide](/docs/openui-lang/evolution-guide): How OpenUI Lang evolved from static UI generation to interactive, data-driven apps.
- [Architecture](/docs/openui-lang/how-it-works): Build dashboards, CRUD interfaces, and monitoring tools. The LLM generates the UI once, then your app runs independently.
- [Incremental Editing](/docs/openui-lang/incremental-editing): Edit existing UIs efficiently - the LLM patches only what changed, the parser merges it.
- [Introduction](/docs/openui-lang): undefined
- [Interactivity](/docs/openui-lang/interactivity): Handle actions, forms, and state in OpenUI components.
- [Overview](/docs/openui-lang/overview): Key building blocks of the OpenUI framework and the built-in component libraries.
- [Patterns](/docs/openui-lang/patterns): Complete examples showing how Query, $variables, @builtins, and actions compose together.
- [Prompts](/docs/openui-lang/prompts): Legacy prompt page kept for compatibility; use System Prompts.
- [Queries & Mutations](/docs/openui-lang/queries-mutations): Fetch and write data from your tools - the LLM generates the wiring, the runtime executes it.
- [Quick Start](/docs/openui-lang/quickstart): Bootstrap a GenUI chat app in under a minute.
- [Reactive State](/docs/openui-lang/reactive-state): Make your UI interactive with $variables that update automatically.
- [The Renderer](/docs/openui-lang/renderer): Parse and render OpenUI Lang streams in React.
- [v0.1](/docs/openui-lang/specification-v01): The original OpenUI Lang specification for declarative UI generation in chat responses.
- [v0.5 (Latest)](/docs/openui-lang/specification-v05): Full language specification for OpenUI Lang v0.5 - reactive state, queries, mutations, and built-in functions.
- [Using the Standard Library](/docs/openui-lang/standard-library): Use the built-in OpenUI library from @openuidev/react-ui.
- [OpenUI Lang Syntax](/docs/openui-lang/syntax): Expression grammar and common component signatures.
- [System Prompts](/docs/openui-lang/system-prompts): Generate and customize prompt instructions from your OpenUI library.
- [Troubleshooting](/docs/openui-lang/troubleshooting): Common issues and fixes when working with OpenUI Lang and the Renderer.
- [Dashboard App](/docs/openui-lang/examples/dashboard): A data-driven dashboard with tools, MCP, and interactive charts built with OpenUI.
- [React Email](/docs/openui-lang/examples/react-email): An AI-powered email generator that uses OpenUI Lang to render 44 React Email components from natural language descriptions.
- [React Native](/docs/openui-lang/examples/react-native): stream LLM-generated UI to an Expo app that renders real native components.
- [Shadcn Chat](/docs/openui-lang/examples/shadcn-chat): An example of connecting OpenUI Lang to a custom component library, using shadcn/ui as the design system.
- [Vercel AI Chat](/docs/openui-lang/examples/vercel-ai-chat): A full-featured chatbot using the Vercel AI SDK for streaming and tool execution, with OpenUI Renderer for generative UI.