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

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

**Features**

* Login/logout
* 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
* Send/receive push notifications
* Subscribe/unsubscribe device to push notifications

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="Objective-C Chat Sample App" icon="apple">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-chat-obj-c">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/ios-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

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

    <br />

    <a className="inline-link" href="/sdks/ios-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card title="Java Chat Sample App" icon="java">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-chat-java">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/android-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card
    title="Kotlin Chat Sample App"
    icon={
<svg
  width="22px"
  height="23px"
  viewBox="0 0 22 23"
  xmlns="http://www.w3.org/2000/svg"
  xmlnsXlink="http://www.w3.org/1999/xlink"
>
  <defs>
    <linearGradient x1="0%" y1="0%" x2="50%" y2="50%" id="linearGradient-1">
      <stop stopColor="#3978fc" offset="0%" />
      <stop stopColor="#3978fc" offset="100%" />
    </linearGradient>
    <linearGradient x1="-21.6846517%" y1="107.628997%" x2="84.7001079%" y2="0%" id="linearGradient-2">
      <stop stopColor="#3978fc" offset="0%" />
      <stop stopColor="#3978fc" offset="100%" />
    </linearGradient>
    <linearGradient x1="0%" y1="72.8348211%" x2="100%" y2="-15.9724705%" id="linearGradient-3">
      <stop stopColor="#3978fc" offset="0%" />
      <stop stopColor="#3978fc" offset="100%" />
    </linearGradient>
  </defs>
  <g fill="none" fillRule="evenodd">
    <g transform="translate(-533.000000, -1249.000000)">
      <g transform="translate(400.000000, 1109.000000)">
        <g transform="translate(25.000000, 139.000000)">
          <g transform="translate(108.000000, 1.500000)">
            <polygon
              fill="url(#linearGradient-1)"
              transform="translate(10.875000, 10.875000) scale(1, -1) translate(-10.875000, -10.875000)"
              points="0 0 21.75 0 0 21.75"
            />
            <polygon fill="url(#linearGradient-2)" points="0 0 21.75 0 0 21.75" />
            <polygon fill="url(#linearGradient-3)" points="0 0 12 0 0 12" />
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>
}
  >
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-chat-kotlin">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/android-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card title="Flutter Chat Sample App" icon="flutter">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-flutter-samples/tree/master/chat%5Fsample">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/flutter-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card title="Angular Chat Sample App" icon="angular">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/angular-chat">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/js-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card title="React Native Chat Sample App" icon="react">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-react-native-samples/tree/master/chat-sample">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/react-native-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card
    title="Cordova Chat Sample App"
    icon={
<svg
  role="img"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  fill="#0164FF"
  className="icon"
>
  <title>Apache Cordova</title>
  <path d="M18.545,0.545H5.455L0,9.273l2.182,14.182h3.886l-0.273-3.273h1.909l0.273,3.273h8.045l0.273-3.273h1.909l-0.273,3.273h3.886L24,9.273L18.545,0.545z M18.545,18H5.455L4.364,9.273l2.182-4.364h3.506L9.818,6.545h4.364l-0.234-1.636h3.506l2.182,4.364L18.545,18z M15.545,11.045c0.301,0,0.545,0.908,0.545,2.029c0,1.121-0.244,2.029-0.545,2.029c-0.301,0-0.545-0.908-0.545-2.029C15,11.954,15.244,11.045,15.545,11.045z M8.659,11.215c0.301,0,0.545,0.908,0.545,2.029c0,1.121-0.244,2.029-0.545,2.029c-0.301,0-0.545-0.908-0.545-2.029C8.114,12.123,8.358,11.215,8.659,11.215z" />
</svg>
}
  >
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/cordova/text%5Fchat">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/js-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>

  <Card title="JavaScript Chat Sample App" icon="js">
    <a className="inline-link" href="https://sample.quickblox.com/chat/#!/login">
      <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/chat">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/js-chat">
      <Icon icon="book" />  Documentation
    </a>
  </Card>
</CardGroup>