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

# Overview

Chainlit allows you to create a custom frontend for your application, offering you the flexibility to design a unique user experience. By integrating your frontend with Chainlit's backend, you can harness the full power of Chainlit's features, including:

* Abstractions for easier development
* Monitoring and observability
* Seamless integrations with various tools
* Robust authentication mechanisms
* Support for multi-user environments
* Efficient data streaming capabilities

<CardGroup cols={2}>
  <Card title="Installation and Setup" icon="gear" color="#61DBFB" href="/deploy/react/installation-and-setup">
    Learn how to install and set up the Chainlit React client.
  </Card>

  <Card title="Usage" icon="bolt" color="#f59e0b" href="/deploy/react/usage">
    Explore the key features provided by the React client.
  </Card>

  <Card title="Additional Resources" icon="flag" color="#3b82f6" href="/deploy/react/additional-resources">
    Explore additional resources for the React client.
  </Card>

  <Card title="Custom React frontend" color="#61DBFB" icon="react" href="https://github.com/Chainlit/cookbook/tree/main/custom-frontend">
    Learn how to integrate your custom React frontend with the Chainlit backend.
  </Card>
</CardGroup>

The [@chainlit/react-client](https://www.npmjs.com/package/@chainlit/react-client) package is designed for integrating Chainlit applications with React. It offers several hooks and an API client for seamless connection and interaction.

## Supported Features

| Message | Streaming | Elements | Audio | Ask User | Chat History | Chat Profiles | Feedback |
| ------- | --------- | -------- | ----- | -------- | ------------ | ------------- | -------- |
| ✅       | ✅         | ✅        | ✅     | ✅        | ✅            | ✅             | ✅        |