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

# Code Samples

> This page displays a collection of QuickBlox code samples in different programming languages.

## 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" />  View 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" />  View 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" />  View Documentation
    </a>
  </Card>

  <Card title="Kotlin Chat Sample App" icon="kotlin">
    <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" />  View 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" />  View 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" />  View 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" />  View Documentation
    </a>
  </Card>

  <Card title="Cordova Chat Sample App" icon="cordova">
    <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" />  View 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" />  View Documentation
    </a>
  </Card>
</CardGroup>

## Video calling samples

Feature-rich video calling samples that allow you to make high-quality voice and video calls, built for web and mobile platforms.

**Features**

* Login/logout
* Make and receive a 1-to-1 and group audio call
* Make and receive a 1-to-1 and group video call
* Search for users to make a call with
* Mute/unmute the microphone
* Display the list of call participants and their statuses
* Share a screen
* Switch camera
* Display call stats
* Switch speaker

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 Video Calling Sample App" icon="apple">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-videochat-webrtc">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

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

    <br />

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

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

    <br />

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

  <Card title="Kotlin Video Calling Sample App" icon="kotlin">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-videochat-kotlin">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

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

    <br />

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

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

    <br />

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

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

    <br />

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

## Video conference samples

Simple and feature-rich video conference samples that enable you to easily implement a conference with more than ten people, build for web and mobile platforms.

**Features**

* Login/logout
* Create a conference room
* Leave a conference room
* Add a new member to a conference room
* Participate in a conference call as a streamer/watcher
* Send and receive text messages and attachments
* Enable/disable audio stream from an opponent
* Switch camera
* Enable/disable camera
* Mute/unmute the microphone
* Display the number of chat members
* Share a screen
* Change media settings

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 Video Conference Sample App" icon="apple">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-conference-videochat">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

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

    <br />

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

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

    <br />

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

  <Card title="Kotlin Video Conference Sample App" icon="kotlin">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-conference-kotlin">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

  <Card title="JavaScript Video Conference Sample App" icon="js">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/video%5Fconferencing">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

## Push notification samples

Developer-friendly push notifications samples that allow you to immediately deliver some information to a user's device when the device is either idle or running the app in the background, built for web and mobile platforms.

**Features**

* Send instant notifications
* Send recurring notifications
* Send scheduled notifications
* Subscribe a device for APNs and VoIP push notifications
* Send a text push notification to a user
* Display a list of received 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 Push Notification Sample App" icon="apple" href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-push-notifications">
    <a className="inline-link">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

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

    <br />

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

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

    <br />

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

  <Card title="Kotlin Push Notification Sample App" icon="kotlin">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-pushnotifications-kotlin">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

    <a className="inline-link" href="/sdks/android-push-notifications">
      <Icon icon="book" />  View Documentation
    </a>
  </Card>
</CardGroup>

## Chatbot samples

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="Simple Bot Sample App" icon="js">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/chat%5Fbots/simple%5Fbot">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

  <Card title="RiveScript Bot Sample App" icon="js">
    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/chat%5Fbots/rivescript">
      <Icon icon="github" /> View on GitHub
    </a>

    <br />

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

## 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" />  View 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" />  View 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" />  View Documentation
    </a>
  </Card>
</CardGroup>