please select
  • UIKit
  • SDK
  • Server APIs
  • Overview
  • Installation
    • TUIKit
      • React
      • Vue
    • TUIChat Only
      • React
      • Vue
  • Features
    • Reactions
    • Read Receipt
    • Typing Status
    • User Online Status
    • Message Search
    • Quote Reply
    • Voice Message To Text
    • Translate Message
  • Themes
    • Setting UI Styles
      • Web
      • Mobile
  • Customization
    • Customize Messages
    • Customize Emoji and Stickers
  • Localization
  • Guideline for Beginners
  • Console Guide
    • Creating and Upgrading an Application
    • Basic Configuration
    • Feature Configuration
    • Account Management
    • Group Management
    • Webhook Configuration
  • Product Introduction
    • Message Management
      • One-to-One Message
      • Message Storage
      • Offline Push
      • Group Message
      • Message Formats
    • Account System
      • Login Authentication
      • Online Status Management
    • Group Related
      • Group System
      • Group Management
    • User Profile and Relationship Chain
      • Profile Management
      • Relationship Chain Management
  • Purchase Guide
    • Billing Overview
    • Pricing
  • Error Codes



TUIKit is a UI component library based on Tencent Cloud Chat SDK. It provides universal UI components to offer features such as conversation, chat, contact, group, and audio/video call features.
Based on powerful and feature-rich UIKit components, you can build real-time social messaging capabilities with all the features into your applications and websites in minutes.
Try Online Demo: Web Demo.

TUIKit Components

TUIKit provides the following modules for different purposes: TUIChat, TUIConversation, TUIProfile, and TUIGroup modules.


TUIChat is responsible for message UI display. You can use it to directly send different types of messages, including text, emoji, image, video, and custom messages. TUIChat also supports message forward/recall/quote/query and message read receipts. The TUIChat web UI effect is as follows:


TUIConversation is responsible for conversation list display and editing. It allows you to pin a conversation to the top, delete conversations, etc.


TUIGroup allows you to perform group related operations, such as modifying group profile and mute/unmute group members.


TUIContact displays relationship chains and allows you to create conversations and more.


TUIProfile is responsible for user profile management.