The main goal of the QuickBlox UIKit for React is to offer developers a streamlined and efficient way to implement chat functionality within their React Web applications.”The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.The main goal of the QuickBlox UIKit for React is to offer developers a streamlined and efficient way to implement chat functionality within their React applications.The QuickBlox UIKit for React offers modules that encapsulate complex chat functionalities, such as dialogs and chat management and real-time updates. These modules provide a simplified interface for integrating chat features into applications without the need for extensive knowledge of the underlying protocols or server-side infrastructure.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"QuickBlox","colors":{"primary":"#3978fc","light":"#3978fc","dark":"#3978fc"},"logo":{"light":"https://mintcdn.com/quickblox/ZK0J4-dDJuuhpUQu/logo/light.svg?fit=max\u0026auto=format\u0026n=ZK0J4-dDJuuhpUQu\u0026q=85\u0026s=2ca77d61090cf3e9a7512358a3ad30b1","dark":"https://mintcdn.com/quickblox/ZK0J4-dDJuuhpUQu/logo/dark.svg?fit=max\u0026auto=format\u0026n=ZK0J4-dDJuuhpUQu\u0026q=85\u0026s=a8aaf148bf91f6898d03d0d3184114a9"},"favicon":"https://mintcdn.com/quickblox/blsYQNp-sI61UYaV/favicon.png?fit=max\u0026auto=format\u0026n=blsYQNp-sI61UYaV\u0026q=85\u0026s=62ec978bc2dc633ef042e7636c089254","navbar":{"links":[{"href":"https://quickblox.github.io/q-consultation/","label":"Q-Consultation"},{"href":"https://help.quickblox.com/","label":"Support"},{"href":"https://quickblox.com/","label":"quickblox.com"}],"primary":{"type":"button","label":"Dashboard","href":"https://admin.quickblox.com/"}},"footer":{"socials":{"x":"https://x.com/QuickBlox","facebook":"https://www.facebook.com/quickblox","linkedin":"https://www.linkedin.com/company/quickblox","instagram":"https://www.instagram.com/quickblox_official_","medium":"https://medium.com/quickblox-engineering","github":"https://github.com/QuickBlox","discord":"https://bit.ly/quickblox-dev-community"}},"integrations":{"ga4":{"measurementId":"G-CJ7RE2GB2V"}},"contextual":{"options":["chatgpt","claude","copy"],"display":"header"},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"SDK Downloads","icon":"webhook","href":"https://github.com/QuickBlox"},{"anchor":"Community","icon":"discord","href":"https://discord.com/invite/ZWZ3WpYZ9q"},{"anchor":"Blog","icon":"newspaper","href":"https://quickblox.com/blog/"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"quickblox","hasAudioNarration":false,"actualSubdomain":"quickblox","customDomains":["docs.quickblox.com"],"gitSource":{"type":"github","owner":"quickblox","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a8dc27ca93e48aebcc61c6f","collectionId":"6f899a07-3988-43cd-ac6e-7ba934508cca","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a8dc27ca93e48aebcc61c6f"},"feedback":{"issues":true,"edits":false,"thumbs":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6a8dc27ca93e48aebcc61c6f","clientVersion":"0.0.4076","searchFilterCounts":[{"language":"default","tag":"Server API","count":105},{"language":"default","tag":"REST API","count":105},{"language":"default","tag":"SDKs","count":98},{"language":"default","tag":"Chat","count":57},{"language":"default","tag":"Android","count":26},{"language":"default","tag":"iOS","count":25},{"language":"default","tag":"UIKits","count":23},{"language":"default","tag":"Custom Objects","count":22},{"language":"default","tag":"AI Agent","count":21},{"language":"default","tag":"Flutter","count":20}]},"assistantConfig":{},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[],"googleFontsInlined":false},"customCss":[{"filePath":"styles.css","content":".icon-group{display:flex;gap:10px;flex-wrap:wrap}.custom-icon{width:24px;height:24px}.inline-link{display:inline-flex;align-items:center;color:#007bff;margin-top:10px;text-decoration:none;transition:color 0.3s ease, text-decoration 0.3s ease}.inline-link:hover{color:#030f1c}.centered-image{display:block;margin-left:auto;margin-right:auto;width:500px;height:auto}.centered-video{display:block;margin-left:auto;margin-right:auto;max-width:100%}.inline-link Icon{margin-right:5px}.icon-group .icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.icon-group a{display:inline-block}.icon-group img,.icon-group svg{width:20px;height:20px;cursor:pointer;pointer-events:none}.card{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;background-color:#fff;border-radius:8px;padding:16px}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0, 0, 0, 0.4)}.button{display:inline-block;padding:10px 20px;text-align:center;background-color:#007bff;color:white;border-radius:5px;text-decoration:none;white-space:nowrap}.button:hover{background-color:#0056b3}.warning{background-color:red!important}"}],"page":{"pagePath":"ui-kits/react-uikit-overview","slug":"/ui-kits/react-uikit-overview","pageMetadata":{"title":"Overview","icon":"circle-info","description":null,"href":"/ui-kits/react-uikit-overview"},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage,Tip}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`The main goal of the QuickBlox UIKit for React is to offer developers a streamlined and efficient way to implement chat functionality within their React Web applications.”`}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`QuickBlox UIKit for React`}),` is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.`]}),`\n`,_jsxs(_components.p,{children:[`The main goal of the `,_jsx(_components.strong,{children:`QuickBlox UIKit for React`}),` is to offer developers a streamlined and efficient way to implement chat functionality within their React applications.`]}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`QuickBlox UIKit for React`}),` offers modules that encapsulate complex chat functionalities, such as dialogs and chat management and real-time updates. These modules provide a simplified interface for integrating chat features into applications without the need for extensive knowledge of the underlying protocols or server-side infrastructure.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=46793453364399543ba451eed55a5e88`,alt:`Web Documentation`,\"data-og-width\":`1200`,width:`1200`,\"data-og-height\":`2720`,height:`2720`,\"data-path\":`images/da89533-web-doc.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?w=280\u0026fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=76a0d1a5303c457eb74cae62a466761a 280w, https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?w=560\u0026fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=5bff5580adb1fe606926058be7a5f9f0 560w, https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?w=840\u0026fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=57113169b898edcf6e7b066b18fda5f1 840w, https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?w=1100\u0026fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=42e04e04d8eb469361bbbf4f487a7bd5 1100w, https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?w=1650\u0026fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=cfbe35a720ed39de4bfd5a8f75e83ced 1650w, https://mintcdn.com/quickblox/tw9NMPEfMkW_LAuD/images/da89533-web-doc.png?w=2500\u0026fit=max\u0026auto=format\u0026n=tw9NMPEfMkW_LAuD\u0026q=85\u0026s=c98dd924ea7e2a473ac984fb16bb6f3e 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`features`,children:`Features`}),`\n`,_jsx(_components.p,{children:`QuickBlox UIKit for React provides the following functionality:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`List of dialogs`}),`\n`,_jsx(_components.li,{children:`Create dialog(Private or Group)`}),`\n`,_jsx(_components.li,{children:`Dialog screen`}),`\n`,_jsx(_components.li,{children:`Send text, image, video, audio, file messages`}),`\n`,_jsx(_components.li,{children:`Dialog info screen`}),`\n`,_jsx(_components.li,{children:`List, invite, remove members`}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`source-code`,children:`Source code`}),`\n`,_jsxs(_components.p,{children:[`You can find the QuickBlox UIKit for React source code `,_jsx(_components.a,{href:`https://github.com/QuickBlox/react-ui-kit`,children:`here`})]}),`\n`,_jsx(Heading,{level:`2`,id:`sample`,children:`Sample`}),`\n`,_jsxs(Tip,{children:[_jsxs(_components.p,{children:[`Quick start using our React UIKit look `,_jsx(_components.a,{href:`https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-demo-app`,children:`React UIKit Sample`}),`.`]}),_jsxs(_components.p,{children:[`This sample implements authorization functionality and provides an example of color theme customization. The sample code is available by this `,_jsx(_components.a,{href:`https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-demo-app`,children:`link`}),`. How to set up and run a sample, See blog `,_jsx(_components.a,{href:`https://quickblox.com/blog/how-to-create-a-react-chat-application-with-quickblox-uikit/`,children:`How to create a React Chat Application in just a Few Steps`}),`.`]})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Overview","icon":"circle-info","description":null,"href":"/ui-kits/react-uikit-overview"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Features","slug":"features","depth":2,"children":[]},{"title":"Source code","slug":"source-code","depth":2,"children":[]},{"title":"Sample","slug":"sample","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"quickblox","siteName":"QuickBlox","title":"Overview - QuickBlox","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-08-25T16:28:07.897Z","originalFileLocation":"ui-kits/react-uikit-overview.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"application-name\" content=\"QuickBlox\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Overview - QuickBlox\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"QuickBlox\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.quickblox.com/ui-kits/react-uikit-overview\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://quickblox.mintlify.site/_mintlify/api/og/v2?division=React\u0026amp;title=Overview\u0026amp;theme=5ff450e9301b53695b58d9b0\u0026amp;signature=38198f97f209942f3e62218b70152644ff1ca29a0ce300dc8b77d7abef16461a\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Overview - QuickBlox\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://quickblox.mintlify.site/_mintlify/api/og/v2?division=React\u0026amp;title=Overview\u0026amp;theme=5ff450e9301b53695b58d9b0\u0026amp;signature=38198f97f209942f3e62218b70152644ff1ca29a0ce300dc8b77d7abef16461a\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/quickblox/xsijdUMkGjrzOYFW/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"QuickBlox\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#3978fc\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.quickblox.com/ui-kits/react-uikit-overview\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/ui-kits/react-uikit-overview.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.quickblox.com/#organization\",\"name\":\"QuickBlox\",\"url\":\"https://docs.quickblox.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/quickblox/ZK0J4-dDJuuhpUQu/logo/light.svg?fit=max\u0026auto=format\u0026n=ZK0J4-dDJuuhpUQu\u0026q=85\u0026s=2ca77d61090cf3e9a7512358a3ad30b1\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.quickblox.com#website\",\"name\":\"QuickBlox\",\"url\":\"https://docs.quickblox.com\",\"publisher\":{\"@id\":\"https://docs.quickblox.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview#webpage\",\"url\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview\",\"name\":\"Overview\",\"dateModified\":\"2026-08-25T16:28:07.897Z\",\"isPartOf\":{\"@id\":\"https://docs.quickblox.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"QuickBlox\",\"item\":\"https://docs.quickblox.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Overview\",\"item\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview#article\",\"headline\":\"Overview\",\"name\":\"Overview\",\"url\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview\",\"mainEntityOfPage\":{\"@id\":\"https://docs.quickblox.com/ui-kits/react-uikit-overview#webpage\"},\"dateModified\":\"2026-08-25T16:28:07.897Z\",\"publisher\":{\"@id\":\"https://docs.quickblox.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.quickblox.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"QuickBlox\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"QuickBlox","nav":{"global":{"anchors":[{"anchor":"SDK Downloads","icon":"webhook","href":"https://github.com/QuickBlox"},{"anchor":"Community","icon":"discord","href":"https://discord.com/invite/ZWZ3WpYZ9q"},{"anchor":"Blog","icon":"newspaper","href":"https://quickblox.com/blog/"}]},"tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/docs/quickstart"}]},{"tab":"Server API","pages":[{"title":"Server API","href":"/reference/overview"}]},{"tab":"UIKits","groups":[{"group":"UIKits","pages":[{"title":"Overview","icon":"circle-info","href":"/ui-kits/overview"}]},{"group":"iOS","pages":[{"title":"Overview","icon":"circle-info","href":"/ui-kits/ios-uikit-overview"},{"title":"Send your first message","icon":"paper-plane","href":"/ui-kits/ios-uikit-send-your-first-message"},{"title":"Features","icon":"list","href":"/ui-kits/ios-uikit-features"},{"title":"AI Features","icon":"robot","href":"/ui-kits/ios-uikit-ai-features"},{"title":"Screens","icon":"desktop","href":"/ui-kits/ios-uikit-screens"},{"title":"Customization","icon":"gear","href":"/ui-kits/ios-uikit-customization"}]},{"group":"Android","pages":[{"title":"Overview","icon":"circle-info","href":"/ui-kits/android-uikit-overview"},{"title":"Send your first message","icon":"paper-plane","href":"/ui-kits/android-uikit-send-your-first-message"},{"title":"Features","icon":"list","href":"/ui-kits/android-uikit-features"},{"title":"AI Features","icon":"robot","href":"/ui-kits/android-uikit-ai-features"},{"title":"Screens","icon":"desktop","href":"/ui-kits/android-uikit-screens"},{"title":"Customization","icon":"gear","description":"The QuickBlox UIKit for Android allows you to create your own unique view of the UIKit.","href":"/ui-kits/android-uikit-customization"}]},{"group":"React","pages":[{"title":"Overview","icon":"circle-info","href":"/ui-kits/react-uikit-overview"},{"title":"Send your first message","icon":"paper-plane","description":null,"href":"/ui-kits/react-uikit-send-your-first-message"},{"title":"Features","icon":"list","href":"/ui-kits/react-uikit-features"},{"title":"AI Features","icon":"robot","href":"/ui-kits/react-uikit-ai-features"},{"title":"Core components","icon":"cube","href":"/ui-kits/react-uikit-core-components"},{"title":"Screen modules","icon":"desktop","href":"/ui-kits/react-uikit-screen-modules"},{"title":"Customization","icon":"gear","href":"/ui-kits/react-uikit-customization"},{"title":"Storybook","icon":"puzzle-piece","url":"https://quickblox.github.io/react-ui-kit/?path=/docs/%F0%9F%93%95-documentation-introduction--docs","href":"/ui-kits/react-uikit-storybook"}]},{"group":"Flutter","pages":[{"title":"UIKit","icon":"palette","href":"/ui-kits/flutter-uikit"}]}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/sdk-overview"}]},{"tab":"Code Samples","pages":[{"title":"Code Samples","href":"/code-samples/overview"}]},{"tab":"AI Agent","pages":[{"title":"AI Agent","href":"/ai-agent/overview"}]}]},"basePath":"","title":"Overview - QuickBlox","buildId":"dpl_8LJbrAiZvr1K98WQNZXCyY5AvT34","deploymentId":"dpl_8LJbrAiZvr1K98WQNZXCyY5AvT34","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-NdetNziF.js","DynamicMarkdown-CD8713Yy.js","zoom-image-lightbox-DMoL6lHz.js","lightbox-handle-r17bVUz3.js"]}