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

## AI Agent

<CardGroup>
  <Card title="Overview" icon="message-bot">
    Learn how to manage your AI Agent.<br />

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

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

    <a className="inline-link" href="/ai-agent/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/ZK0J4-dDJuuhpUQu/images/icons/apple.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=44ba944f4da2bf9669001d79a15d767c" 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/ZK0J4-dDJuuhpUQu/images/icons/swift.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=50920a3c31b225f24f8e1cf68b4a1290" 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/ZK0J4-dDJuuhpUQu/images/icons/java.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=98c4054b2076fb97ba79e9a3c26c8048" 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/ZK0J4-dDJuuhpUQu/images/icons/flutter.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=4a9f09e29e89c3ca483a337e8a2c9512" 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/ZK0J4-dDJuuhpUQu/images/icons/js.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=7ce7a2aafe85dbaabb6650cab2215ff8" 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/ZK0J4-dDJuuhpUQu/images/icons/angular.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=fa116b468fdbc0f1ec49b163976b9019" 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/ZK0J4-dDJuuhpUQu/images/icons/react.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=adbc3aee38c2017ab989c553c3e817ac" 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/ZK0J4-dDJuuhpUQu/images/icons/kotlin.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=def02e99cd066fe251a691798c5688d1" 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/ZK0J4-dDJuuhpUQu/images/icons/cordova.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=033881c565ca2ca7977697fa85858d8b" 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/ZK0J4-dDJuuhpUQu/images/icons/swift.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=50920a3c31b225f24f8e1cf68b4a1290" 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/ZK0J4-dDJuuhpUQu/images/icons/react.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=adbc3aee38c2017ab989c553c3e817ac" 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/ZK0J4-dDJuuhpUQu/images/icons/kotlin.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=def02e99cd066fe251a691798c5688d1" 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/ZK0J4-dDJuuhpUQu/images/icons/js.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=7ce7a2aafe85dbaabb6650cab2215ff8" 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/ZK0J4-dDJuuhpUQu/images/icons/js.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=7ce7a2aafe85dbaabb6650cab2215ff8" 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/ZK0J4-dDJuuhpUQu/images/icons/apple.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=44ba944f4da2bf9669001d79a15d767c" 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/ZK0J4-dDJuuhpUQu/images/icons/swift.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=50920a3c31b225f24f8e1cf68b4a1290" 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/ZK0J4-dDJuuhpUQu/images/icons/java.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=98c4054b2076fb97ba79e9a3c26c8048" 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/ZK0J4-dDJuuhpUQu/images/icons/kotlin.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=def02e99cd066fe251a691798c5688d1" 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/ZK0J4-dDJuuhpUQu/images/icons/apple.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=44ba944f4da2bf9669001d79a15d767c" 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/ZK0J4-dDJuuhpUQu/images/icons/swift.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=50920a3c31b225f24f8e1cf68b4a1290" 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/ZK0J4-dDJuuhpUQu/images/icons/java.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=98c4054b2076fb97ba79e9a3c26c8048" 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/ZK0J4-dDJuuhpUQu/images/icons/js.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=7ce7a2aafe85dbaabb6650cab2215ff8" 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/ZK0J4-dDJuuhpUQu/images/icons/react.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=adbc3aee38c2017ab989c553c3e817ac" 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/ZK0J4-dDJuuhpUQu/images/icons/kotlin.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=def02e99cd066fe251a691798c5688d1" 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/ZK0J4-dDJuuhpUQu/images/icons/apple.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=44ba944f4da2bf9669001d79a15d767c" 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/ZK0J4-dDJuuhpUQu/images/icons/swift.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=50920a3c31b225f24f8e1cf68b4a1290" 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/ZK0J4-dDJuuhpUQu/images/icons/java.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=98c4054b2076fb97ba79e9a3c26c8048" 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/ZK0J4-dDJuuhpUQu/images/icons/js.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=7ce7a2aafe85dbaabb6650cab2215ff8" 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/ZK0J4-dDJuuhpUQu/images/icons/kotlin.svg?fit=max&auto=format&n=ZK0J4-dDJuuhpUQu&q=85&s=def02e99cd066fe251a691798c5688d1" 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>