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

# Overview

The main goal of the QuickBlox UIKit for React is to offer developers a streamlined and efficient way to implement chat functionality within their React Web applications."

The **QuickBlox UIKit for React** is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.

The main goal of the **QuickBlox UIKit for React** is to offer developers a streamlined and efficient way to implement chat functionality within their React applications.

The **QuickBlox UIKit for React** offers modules that encapsulate complex chat functionalities, such as dialogs and chat management and real-time updates. These modules provide a simplified interface for integrating chat features into applications without the need for extensive knowledge of the underlying protocols or server-side infrastructure.

<Frame>
  <img src="https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?fit=max&auto=format&n=tw9NMPEfMkW_LAuD&q=85&s=46793453364399543ba451eed55a5e88" alt="Web Documentation" width="1200" height="2720" data-path="images/da89533-web-doc.png" />
</Frame>

## Features

QuickBlox UIKit for React provides the following functionality:

* List of dialogs
* Create dialog(Private or Group)
* Dialog screen
* Send text, image, video, audio, file messages
* Dialog info screen
* List, invite, remove members

## Source code

You can find the QuickBlox UIKit for React source code [here](https://github.com/QuickBlox/react-ui-kit)

## Sample

<Tip>
  Quick start using our React UIKit look [React UIKit Sample](https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-demo-app).

  This sample implements authorization functionality and provides an example of color theme customization. The sample code is available by this [link](https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-demo-app). How to set up and run a sample, See blog [How to create a React Chat Application in just a Few Steps](https://quickblox.com/blog/how-to-create-a-react-chat-application-with-quickblox-uikit/).
</Tip>