CHAT FOR DEVELOPERS
Chat UI kits that fit into your product.
Start with connected conversation lists, message views, and composers. Make the interface your own with platform-specific components and supported customization points.
Messaging inside your app. Your brand and business rules.
Your brand in every conversationIllustrative application UI
PRODUCT CAPABILITIES
Messaging built around your product.
See how conversation lists, message views and composers fit together, and where your product’s styling and custom messages belong.
POKEKARA · SOCIAL ENTERTAINMENT
Build interaction around the live experience.
Pokekara’s Tencent RTC story brings together karaoke, live rooms and social messaging. It describes an integration offering that includes chat APIs and pre-built UI Kits.
- Chat inside an entertainment experience
- Components combined with audio and video services
WHY TENCENT RTC
Ready-made UI still needs a product integration.
A chat UI kit can shorten component work, but your app still supplies authenticated identities, conversation permissions, navigation, and business rules. Start with the correct platform guide and check its dependencies before deciding the integration scope.
Start with connected components
Conversation lists, message views, and composers already connect to Chat state. This can reduce the interface wiring your team needs to implement.
Make the product feel like your own
Platform-specific theme and extension APIs support branded chat and application-specific message presentation without requiring a separate chat destination.
Choose how much interface to adopt
Select the components supported by your platform, or use the Core SDK for areas requiring complete UI ownership. Review component scope before estimating the build.
TRY THE EXPERIENCE
See how the conversation feels.
Change the theme and add a message in this local interface preview. Then open the official Chat demo to explore connected messaging with test accounts.
The preview uses local state and fictional participants. It does not connect to Tencent RTC or send messages to other people.
Customize the preview
Local UI preview · no message is sent to a service
FROM EVALUATION TO INTEGRATION
Connect Chat to your application.
Use the selected platform quickstart first, then add authentication and the message behavior your application requires.
- 01
Select a framework
Choose React, React Native, Flutter, iOS, or Android and review the current integration guide.
- 02
Install and authenticate
Configure the documented dependencies and connect the UI to server-issued Chat credentials.
- 03
Customize and validate
Adapt theme and navigation, add your custom messages, and test real-device behavior.
BEFORE YOU BUILD
Chat UI Kits FAQs
Answers for product and engineering teams.
Is a chat UI kit only a visual template?
Tencent RTC UI Kits contain components connected to Chat functionality. They still require an application, authentication, configuration, and the relevant SDK and native dependencies.
Which chat UI kit should I use for React?
Use the React UI Kit for web interfaces. React Native has a separate package and native setup for mobile applications; the two integration paths are not interchangeable.
Can I use only part of the UI kit?
The available modules and extension points differ by platform. Review its current documentation to select components or replace parts of the experience.
Can I use my own UI instead?
Yes. Choose the Core Chat SDK for a fully custom screen and use server APIs for your backend operations.
Does the visual preview connect to Tencent RTC?
The on-page preview demonstrates local UI behavior with fictional participants. Open the official Chat demo to evaluate the connected product.
How should we decide between a UI Kit and the Core SDK?
Use a UI Kit when its connected components and extension points fit the product. Choose the Core SDK when you need complete ownership of message rendering, navigation, and interaction; compare the actual screens you would otherwise implement.
How do I customize a chat UI kit for my application?
Choose documented theming and component extension points for your platform. Test custom messages, navigation and unread behavior together with the initialized Chat SDK.
Which chat UI kit works with React Native or Flutter?
These platforms have separate packages and native setup. Follow the corresponding guide instead of reusing React Web components or assuming identical extension APIs.
PLAN YOUR INTEGRATION
Let’s talk about
your Chat integration.
Discuss your platforms, target markets, expected monthly active users, and launch timeline with the Tencent RTC team.
Technical fitMigration scopeUsage & pricing