Skip to main content

Instant Messaging Development Guide

Global IM UIKit is a globalized IM UI component library launched by RC, based on in-depth research of IM applications both domestically and internationally, it better aligns with the usage habits of overseas users.

Global IM UIKit for PC/Web helps you quickly build fully-featured chat functionalities and pages, currently covering one-to-one chat and group chat conversation types (more conversation types will be supported in the future). The UI components support flexible configuration and customization, and can be developed using React and Vue frameworks.

Advantages

Global IM UIKit supports "one-click toggle, API customization, and component replacement" to expand custom capabilities.

  • One-click toggle: For some general interaction and UI diversity needs (e.g., whether to display avatars and nicknames, read receipts), Global IM UIKit has already implemented related functionalities and adaptations internally. With minimal changes, you can achieve various interaction and UI style switches.
  • API customization: For common flexibility needs (e.g., right-click extension menus), Global IM UIKit abstracts customization capabilities into external interfaces, allowing developers to perform limited customization based on Global IM UIKit's design.
  • Component replacement: Some components support replacement with self-implemented components.

tip

The above image is a reference design and not the default implementation of Global IM UIKit. The search UI, conversation list filtering components, extended functionality items in the top-right corner of the conversation page, some items in the menu, and the external framework need to be implemented by the application itself.