please select
  • UIKit
  • SDK
  • Server APIs
Chat/
UIKit/
Web/
UIKit
  • 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
Docs Overview/
Chat/
UIKit/
Web/
Overview/

Overview

Download PDF

Overview

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.
For free source code, see chat-uikit-react.

TUIKit Components

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




TUIChat

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

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




TUIGroup

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




TUIContact

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




TUIProfile

TUIProfile is responsible for user profile management.