Products
- Communication Tools
  - Chat
  - Voice & Video Calling
- Ready Solutions
  - Q-Consultation
    White label video solution
  - AI Agent
    Automate workflows and conversations
  - Q-municate
    White label messaging app
Solutions
- Industries
- USE CASES
AI Healthcare
- Q-Consultation for Healthcare
  White label telehealth
- AI Agents for Healthcare
  HIPAA-compliant AI medical assistant
- HIPAA Chat & Video
  Tools to build your own HIPAA telehealth app
- HIPAA Compliant Hosting
  Secure hosting with encryption and BAA
Resources
Developers
- DEV DOCUMENTATION
- SDKs
- - iOS
  - Android
  - JavaScript
  - React Native
  - Flutter
- Server API
- Chat UI Kits
- - iOS
  - Android
  - React
- DEV RESOURCES
- Documentation
- Code Samples
- Platform Status
- How-to Tutorials
- Video Tutorials
- Help Centre
- QuickBlox Discord
  Community
- Infrastructure
- Hosting

Sign up Book a Demo

Web

React UI Kit

How To Customize Colors and Fonts in the QuickBlox React UI Kit

Learn how to customize the QuickBlox React UI Kit theme — update colors, fonts, and SCSS variables in the color scheme and typography files to match your brand.

Andriy Avryata Last updated: 17 September 2026

React Chat UI kit

How to Build a React Chat Application with QuickBlox UI Kit

Learn how to build a React chat application with the QuickBlox UI Kit, including SDK setup, authentication, configuration, and a ready-to-use real-time chat interface.

Andriy Avryata Last updated: 17 September 2026

Javascript chat and webrtc video conferencing samples

How to Run JavaScript Chat and WebRTC Video Calling Samples

Learn how to configure and run QuickBlox JavaScript chat, WebRTC video calling, video conference, and Quickstart samples locally.

Artem Koltunov Last updated: 17 August 2026

How to Build In-App Chat in a React

How to Build In-App Chat in a React Web Application

If you need to add real-time 1:1 chat to a React + TypeScript app, the QuickBlox JavaScript SDK lets you do it with a single npm install. No backend server, no signaling layer to wire up, no message b

Artem Koltunov Last updated: 18 June 2026

How to Build In-App Chat in a Web Application

How to Build In-App Chat in a Web Application

QuickBlox’s JavaScript SDK lets you add real-time 1:1 chat to a web page with a single <script> tag. No backend server, no Node.js, no build step. By the end of this tutorial, you’ll

Artem Koltunov Last updated: 18 June 2026

Subscribe for news

Get the latest posts and read anywhere.

Ready to get started?

@import url("https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/desktop/source/rev-76c031f/fonts.googleapis.com/54972086ed364ab0417b8d5f49339dcf.css2");img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}:root{--wp-internal-comment:"Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer."}:root{--wp-internal-comment:"Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer."}.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent}.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important}