> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thesys.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Conversational UI

> Building Generative UI Conversational Apps (like ChatGPT) with Thesys C1

<Note>
  This guide assumes that you have completed the [Rendering UI guide](/guides/rendering-ui).
</Note>

C1 is ideal for building modern, conversational applications. Unlike traditional chatbots that are limited to text, a C1-powered conversational apps can render rich, interactive UIs—like forms, charts, and data tables—directly within the conversation.

To help you build these experiences quickly, the C1 SDK provides `<C1Chat>`. It is a pre-built, "batteries-included" React component that gives you a complete chat interface and manages the underlying logic.

### What is `<C1Chat>`?

The `<C1Chat>` component provides a complete solution for conversational UI, handling the following out of the box:

* **A Complete Chat UI:** Renders the message list, a composer for user input, and loading indicators.
* **Thread and Message Management:** Automatically handles conversation history, message ordering, and thread state.
* **Generative UI Rendering:** Seamlessly renders both standard text messages and complex C1 DSL responses like forms and charts.
* **Built-in Streaming:** Manages streaming responses from your backend for a real-time user experience.

### Guides in This Section

* **[Concepts](/guides/conversational/concepts)** Core terminology of conversational apps: thread, message, and thread list.
* **[Getting Started with `<C1Chat>`](/guides/conversational/getting-started)** Get the `<C1Chat>` component running and connected to your backend.
* **[State Management](/guides/conversational/state-management)** Manage the UI state of the chat application.
* **[Customizing `<C1Chat>`](/guides/conversational/customizing/c1chat)** Adapt the component's appearance with themes and change its layout.
* **[Backend API](/guides/conversational/backend-api)** Create a conversational API for your application.
* **[Conversation Persistence](/guides/conversational/persistence)** Persist conversation history to a database and fetch it on UI.
* **[Sharing Conversations](/guides/conversational/sharing/thread)** Save conversation history to a database and generate shareable links.