一、TUIKit 主要功能介绍
TUIKit 主要分为 TUIChat、TUIConversation、TUIGroup、TUIContact、TUISearch 几个 UI 子组件，每个 UI 组件负责展示不同的内容。
TUIKit H5 端界面效果如下：
二、TUIChat 重点功能介绍
TUIChat 主要负责消息界面的展示。你可以利用它直接发送不同类型的消息，支持文字/表情/图片/视频/文件/自定义等消息类型，同时你还可以利用它对消息长按进行转发/撤回/引用、查询消息已读回执详情等。
TUIChat H5 端界面效果如下：
| 消息界面 | 消息引用/撤回/转发 |
| | |
| 消息已读回执 | 已读回执详情 |
| | |
三、TUIConversation 重点功能介绍
TUIConversation 主要负责会话列表的展示和编辑，包括会话置顶、会话消息免打扰、会话删除等功能。TUIConversation H5 端界面效果如下：
| 会话菜单 | 在线状态 |
| | |
四、TUISearch 重点功能介绍
自 @tencentcloud/chat-uikit-vue v2.0.0起，Vue2 & Vue3 版本 TUISearch 支持 消息云端搜索 功能。
| 全局搜索 | 会话内搜索 |
| | |
五、TUIGroup 重点功能介绍
TUIGroup 主要负责群资料、群成员、群组权限的管理。TUIGroup H5 端界面效果如下：
| 群资料及管理 | 群成员管理 |
| | |
六、TUIContact 重点功能介绍
TUIContact 主要负责联系人的展示、权限设置等。TUIContact H5 端界面效果如下：
| 关系链列表 | 联系人资料与管理 |
| | |
七、TUICallKit 重点功能介绍
TUICallKit 主要负责语音、视频通话。
单聊通话示意图：
| 视频通话 | 语音通话 |
| | |
群聊通话示意图：
| 视频通话 | 语音通话 |
| | |
如果你集成了 TUIChat、TUIContact 及 TUICallKit，你可以在 TUIChat 消息页、TUIContact 个人资料页启动语音、视频通话。
八、TUIRoomKit 重点功能介绍
TUIRoomKit 主要负责多人音视频，产品功能展示如下：