Quick Run Demo

About chat-uikit-vue

chat-uikit-vue is a Vue UI component library based on Tencent Cloud Chat SDK. It provides universally used UI components that include Conversation, Chat, and Group components. Leveraging these meticulously crafted UI components, you can quickly construct an elegant, reliable, and scalable Chat application.

[!IMPORTANT] In respect for the copyright of the emoji design, the Chat Demo/TUIKit project does not include the cutouts of large emoji elements. Please replace them with your own designed or copyrighted emoji packs before the official launch for commercial use. The default small yellow face emoji pack is copyrighted by Tencent Cloud and can be authorized for a fee. If you wish to obtain authorization, please submit a ticket to contact us.

submit a ticket url：https://console.tencentcloud.com/workorder/category?level1_id=29&level2_id=40&source=14&data_title=Chat&step=1

👉🏻 Try Online Demo

Quick Run Demo

Step 1：Install Demo Source Code

git clone https://github.com/TencentCloud/chat-uikit-vue.git

cd chat-uikit-vue/Vue3/Demo

npm i --legacy-peer-deps

Step 2：Secure SDKAppID and secretKey

Set the relevant parameters SDKAppID and secretKey in the example code of the main.ts / main.js file: SDKAppID and SecretKey can be accessed by the Chat Console:

Step 3：Run Demo

npm run dev

Documentation

• Home page
• @tencentcloud/chat-uikit-vue npm
• Chat SDK

Contact Us

Join a Tencent Cloud Chat developer group for Reliable technical support & Product details & Constant exchange of ideas.

• Telegram group (EN): join
• WhatsApp group (EN): join
• Telegram group (ZH): join
• WhatsApp group (ZH): join