> ## 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.

# Chat UIKit samples

> Simple chat samples with all the features essential for a seamless and up-to-date messaging experience based on QuickBlox API.

**Features**

* SignUp/Login/logout
* Change a Color Theme
* Send and receive message/attachment
* Create and leave a 1-to-1 and group chat
* Create a public chat
* Display users who have received/read the message
* Mark messages as read/delivered
* Send typing indicators
* List and delete chats
* Display chat history
* Display a list with chat participants

Choose the code sample below and head to GitHub repositories to explore and clone it. Go over the relevant documentation for more details.

<CardGroup>
  <Card title="Chat UIKit SwiftUI Sample" icon="swift">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-ui-kit">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/ui-kits/ios-uikit-send-your-first-message#sample">
      <Icon icon="book" /> Documentation
    </a>
  </Card>

  <Card title="React Chat UIKit Sample App" icon="react">
    <a className="inline-link" href="https://sample.quickblox.com/uikit/">
      <Icon icon="arrow-up-right-from-square" /> Live Demo
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-demo-app">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/ui-kits/react-uikit-overview">
      <Icon icon="book" /> Documentation
    </a>
  </Card>

  <Card title="Android UIKit Sample" icon="android">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/android-ui-kit-sample">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/ui-kits/android-uikit-overview">
      <Icon icon="book" /> Documentation
    </a>
  </Card>
</CardGroup>