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

> QuickBlox provides powerful Chat API and SDK to add real-time messaging and video calls to your web and mobile apps. Learn how to integrate QuickBlox across multiple platforms.

# Quickstart

## <Icon icon="discord" /> Have Questions? Need Support?

Join the QuickBlox Developer Discord Community, where you can share ideas, learn about software, & get support. <br />
[Join Discord](https://discord.gg/quickblox)

<CardGroup>
  <Card title="Introduction" icon="info">
    An overview of QuickBlox platform features and documentation guidelines.<br />

    <a className="inline-link" href="/docs/introduction">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Key Concepts" icon="lightbulb">
    An overview of QuickBlox concepts necessary to know to simplify integration.<br />

    <a className="inline-link" href="/docs/key-concepts">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>
</CardGroup>

## SDKs and APIs

<CardGroup>
  <Card title="iOS" icon="apple">
    Learn how to add QuickBlox to your iOS app and send your first message.<br />

    <a className="inline-link" href="/sdks/ios-quick-start" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="rocket" /> QuickStart
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-ios-sdk/archive/master.zip" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="download" /> Download samples
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-ios-sdk" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="Android" icon="android">
    Learn how to add QuickBlox to your Android app and send your first message.<br />

    <a className="inline-link" href="/sdks/android-quick-start" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="rocket" /> QuickStart
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk/archive/master.zip" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="download" /> Download samples
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-android-sdk" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="JavaScript" icon="js">
    Learn how to add QuickBlox to your web app and send your first message.<br />

    <a className="inline-link" href="/sdks/js-quick-start" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="rocket" /> QuickStart
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk/archive/gh-pages.zip" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="download" /> Download samples
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-javascript-sdk" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="React Native" icon="react">
    Learn how to add QuickBlox to your React Native app and send your first message.<br />

    <a className="inline-link" href="/sdks/react-native-quick-start" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="rocket" /> QuickStart
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-react-native-samples/archive/master.zip" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="download" /> Download samples
    </a>

    <br />

    <a className="inline-link" href="https://github.com/QuickBlox/quickblox-react-native-samples/" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="Flutter" icon="flutter">
    Learn how to add QuickBlox to your Flutter app and send your first message.<br />

    <a className="inline-link" href="/sdks/flutter-quick-start" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="rocket" /> QuickStart
    </a>
  </Card>

  <Card title="Server API" icon="server">
    Learn how to add QuickBlox to your server app.<br />

    <a className="inline-link" href="https://docs.quickblox.com/reference/overview" style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}>
      <Icon icon="rocket" /> QuickStart
    </a>
  </Card>
</CardGroup>

## UIKits

<CardGroup>
  <Card title="iOS" icon="apple">
    Use pre-built UI elements for iOS to create a chat interface quickly and easily.<br />

    <a href="/ui-kits/ios-uikit-overview" className="inline-link">
      <Icon icon="bars" /> Overview
    </a>

    <br />

    <a href="https://github.com/QuickBlox/ios-ui-kit" className="inline-link">
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="Android" icon="android">
    Use pre-built UI elements for Android to create a chat interface quickly and easily.<br />

    <a href="/ui-kits/android-uikit-overview" className="inline-link">
      <Icon icon="bars" /> Overview
    </a>

    <br />

    <a href="https://github.com/QuickBlox/android-ui-kit" className="inline-link">
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="React" icon="react">
    Use pre-built UI elements for React/Web to create a chat interface quickly and easily.<br />

    <a href="/ui-kits/react-uikit-overview" className="inline-link">
      <Icon icon="bars" /> Overview
    </a>

    <br />

    <a href="https://github.com/QuickBlox/react-ui-kit" className="inline-link">
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>

  <Card title="Flutter" icon="flutter">
    Use pre-built UI elements for Flutter to create a chat interface quickly and easily.<br />

    <a href="/ui-kits/flutter-uikit" className="inline-link">
      <Icon icon="bars" /> Overview
    </a>

    <br />

    <a href="https://github.com/QuickBlox/flutter-ui-kit" className="inline-link">
      <Icon icon="github" /> View on GitHub
    </a>
  </Card>
</CardGroup>

## SmartChat Assistant `BETA`

<CardGroup>
  <Card title="Overview" icon="message-bot">
    Learn how to manage SmartChat Assistant.<br />

    <a className="inline-link" href="smartchat-assistant/smartchat-assistant-overview">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="How to Use" icon="message-bot">
    Learn how to use SmartChat Assistant in your application.<br />

    <a className="inline-link" href="/smartchat-assistant/smartchat-assistant-how-to-use">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>
</CardGroup>

## Code samples

<CardGroup>
  <Card title="Chat Samples" icon="rocketchat">
    <p>
      Select a language below to download a chat sample app and go over the relevant documentation.
    </p>

    <div className="icon-group">
      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-chat-obj-c">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/apple.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=e6e3af461815b1ef9e19be28194e7d66" alt="apple" className="icon" width="20" height="20" data-path="images/icons/apple.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-chat-swift">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/swift.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=3d25135571d3e9b54939fa88c72382f3" alt="swift" className="icon" width="20" height="20" data-path="images/icons/swift.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-chat-java">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/java.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=e9fdd1db8bbf959be2299f2ec9d69b23" alt="java" className="icon" width="512" height="512" data-path="images/icons/java.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-flutter-samples/tree/master/chat_sample">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/flutter.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=fb4e300555e9224c249cc84e221510c2" alt="flutter" className="icon" width="32" height="32" data-path="images/icons/flutter.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/chat">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/js.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=a371ab72e14d340c2ac51ca1f012c402" alt="js" className="icon" width="512" height="512" data-path="images/icons/js.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/angular-chat">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/angular.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=63addc29214a033e63ddda3df4299f09" alt="angular" className="icon" width="32" height="32" data-path="images/icons/angular.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-react-native-samples/tree/master/chat-sample">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/react.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=b28d9960e0a67c779ebd413ee8aab3c3" alt="react" className="icon" width="32" height="32" data-path="images/icons/react.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-chat-kotlin">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/kotlin.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=16aa40b53c85c7f8b9c53d8c2e97d35c" alt="Kotlin Icon" className="icon" width="22" height="23" data-path="images/icons/kotlin.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/cordova/text_chat">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/cordova.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=c3aaa5d9f516b9d87c880fa1acf5503a" alt="Cordova Icon" className="icon" width="24" height="24" data-path="images/icons/cordova.svg" />
      </a>
    </div>

    <a className="inline-link" href="/code-samples/chat-samples">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Chat UIKit Samples" icon="palette">
    <p>
      Select a language below to download a Chat UIKit sample app and go over the relevant documentation.
    </p>

    <div className="icon-group">
      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-ui-kit">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/swift.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=3d25135571d3e9b54939fa88c72382f3" alt="js" className="icon" width="20" height="20" data-path="images/icons/swift.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-demo-app">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/react.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=b28d9960e0a67c779ebd413ee8aab3c3" alt="js" className="icon" width="32" height="32" data-path="images/icons/react.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/android-ui-kit-sample">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/kotlin.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=16aa40b53c85c7f8b9c53d8c2e97d35c" alt="js" className="icon" width="22" height="23" data-path="images/icons/kotlin.svg" />
      </a>
    </div>

    <a className="inline-link" href="/code-samples/chat-ui-kit-samples">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Chatbot Samples" icon="robot">
    <p>
      Select a language below to download a chatbot sample app and go over the relevant documentation.
    </p>

    <div className="icon-group">
      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/chat_bots/simple_bot">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/js.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=a371ab72e14d340c2ac51ca1f012c402" alt="js" className="icon" width="512" height="512" data-path="images/icons/js.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/chat_bots/rivescript">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/js.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=a371ab72e14d340c2ac51ca1f012c402" alt="js" className="icon" width="512" height="512" data-path="images/icons/js.svg" />
      </a>
    </div>

    <a className="inline-link" href="/code-samples/chatbot-samples">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Push Notification Samples" icon="mobile">
    <p>
      Select a language below to download a push notification sample app and go over the relevant documentation.
    </p>

    <div className="icon-group">
      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-push-notifications">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/apple.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=e6e3af461815b1ef9e19be28194e7d66" alt="apple" className="icon" width="20" height="20" data-path="images/icons/apple.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-push-notifications-swift">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/swift.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=3d25135571d3e9b54939fa88c72382f3" alt="swift" className="icon" width="20" height="20" data-path="images/icons/swift.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-pushnotifications-java">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/java.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=e9fdd1db8bbf959be2299f2ec9d69b23" alt="java" className="icon" width="512" height="512" data-path="images/icons/java.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-pushnotifications-kotlin">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/kotlin.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=16aa40b53c85c7f8b9c53d8c2e97d35c" alt="Kotlin Icon" className="icon" width="22" height="23" data-path="images/icons/kotlin.svg" />
      </a>
    </div>

    <a className="inline-link" href="/code-samples/push-notification-samples">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Video Calling Samples" icon="video">
    <p>
      Select a language below to download a video calling sample app and go over the relevant documentation.
    </p>

    <div className="icon-group">
      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-videochat-webrtc" target="_blank">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/apple.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=e6e3af461815b1ef9e19be28194e7d66" alt="apple" className="icon" width="20" height="20" data-path="images/icons/apple.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-videochat-webrtc-swift">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/swift.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=3d25135571d3e9b54939fa88c72382f3" alt="swift" className="icon" width="20" height="20" data-path="images/icons/swift.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-videochat-java">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/java.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=e9fdd1db8bbf959be2299f2ec9d69b23" alt="java" className="icon" width="512" height="512" data-path="images/icons/java.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/webrtc">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/js.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=a371ab72e14d340c2ac51ca1f012c402" alt="js" className="icon" width="512" height="512" data-path="images/icons/js.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-react-native-samples/tree/master/webrtc-sample">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/react.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=b28d9960e0a67c779ebd413ee8aab3c3" alt="react" className="icon" width="32" height="32" data-path="images/icons/react.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-videochat-kotlin">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/kotlin.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=16aa40b53c85c7f8b9c53d8c2e97d35c" alt="Kotlin Icon" className="icon" width="22" height="23" data-path="images/icons/kotlin.svg" />
      </a>
    </div>

    <a className="inline-link" href="/code-samples/video-calling-samples">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Video Conference Samples" icon="camera-web">
    <p>
      Select a language below to download a video conference sample app and go over the relevant documentation.
    </p>

    <div className="icon-group">
      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-conference-videochat">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/apple.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=e6e3af461815b1ef9e19be28194e7d66" alt="apple" className="icon" width="20" height="20" data-path="images/icons/apple.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-ios-sdk/tree/master/sample-conference-videochat-swift">
        <img src="https://mintcdn.com/quickblox/Ue7oFsbTxPKULNVC/images/icons/swift.svg?fit=max&auto=format&n=Ue7oFsbTxPKULNVC&q=85&s=3d25135571d3e9b54939fa88c72382f3" alt="swift" className="icon" width="20" height="20" data-path="images/icons/swift.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-conference-java">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/java.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=e9fdd1db8bbf959be2299f2ec9d69b23" alt="java" className="icon" width="512" height="512" data-path="images/icons/java.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/video_conferencing">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/js.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=a371ab72e14d340c2ac51ca1f012c402" alt="js" className="icon" width="512" height="512" data-path="images/icons/js.svg" />
      </a>

      <a href="https://github.com/QuickBlox/quickblox-android-sdk/tree/master/sample-conference-kotlin">
        <img src="https://mintcdn.com/quickblox/QB4-HEcYz0_TKLlq/images/icons/kotlin.svg?fit=max&auto=format&n=QB4-HEcYz0_TKLlq&q=85&s=16aa40b53c85c7f8b9c53d8c2e97d35c" alt="Kotlin Icon" className="icon" width="22" height="23" data-path="images/icons/kotlin.svg" />
      </a>
    </div>

    <a className="inline-link" href="/code-samples/video-conference-samples">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>
</CardGroup>

## Add-ons

<CardGroup>
  <Card title="Chat Moderation" icon="user-doctor-message">
    A step-by-step guide on how to moderate your chat messages.<br />

    <a className="inline-link" href="/docs/chat-moderation">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>

  <Card title="Custom Identity Provider" icon="people-arrows">
    A step-by-step guide on how to log in to QuickBlox API using external authentication.<br />

    <a className="inline-link" href="/docs/custom-identity-provider">
      <Icon icon="angle-right" /> Learn more
    </a>
  </Card>
</CardGroup>