Build chat with PubNub Chat Components

Migrate to Chat SDK

PubNub will stop supporting Chat Components on January 1, 2025 but you are welcome to contribute. Learn how to migrate to the Chat SDK here.

PubNub Chat Components are ready-made building blocks you can use to either create web and mobile chat apps from scratch or add chat features to your existing applications.

Get started​

Try out our PubNub Chat Components for React (JavaScript) and React Native (TypeScript). Run a sample chat app and send your first message.

Demos​

Play with interactive chat demos.

Sample apps​

View GitHub sources of sample chat apps built with PubNub Chat Components.

Tutorials​

Read how to use chat components to build chat applications.

React​

Components​

PubNub provides a few in-house components that supply both the UI for your chat apps (so-called "UI Components") and the back-end communication handled by PubNub (so-called "Data Components").

ComponentDescriptionLinks
Chat ProviderTop-level component that sets up default chat configuration
Channel listList of channels that represent chat rooms in the application
Member listList of users with properties like names, titles, or avatars
Message listPaginated list of messages with sender details
Message inputField to send messages and emojis in chat rooms

Features​

PubNub Chat Components provide a number of features you can enable in your chat apps, such as typing indicators, tracking user's online/offline status, viewing historical messages or adding reactions to messages.

FeatureDescriptionRelated componentLinks
ThemingDefault themes you can customizeAll
Typing indicatorNotifications that show users are typingMessage Input
User presenceList of users currently present on the channelCustom hook
Message historyMessages you can fetch from Message Persistence and display on a channelMessage List
File uploadShare and download images or any other data filesMessage Input
Message reactionsEmojis you can add to messagesMessage List
Last updated on
On this page