PubNub Logo Docs
Support Contact Sales Login Try Our APIs

›Chat Components

Collapse all
Dark mode

Back to Home

Overview

  • In-App Chat

Chat Components

  • Overview
  • REACT

    • React Components

    ANDROID

    • Getting Started
    • UI Components
    • Data Components
    • Chat Provider

    IOS

    • Getting Started
    • UI Components
    • Data Components
    • Chat Provider

SDKs

  • Overview
  • USERS

    • Setup
    • Metadata
    • Permissions
    • Presence
    • Mentions

    CHANNELS

    • Types and Names
    • Metadata
    • Subscriptions
    • Memberships

    MESSAGES

    • Sending Messages
    • Message Storage
    • Unread Counts
    • File Upload
    • Typing Indicators
    • Read Receipts
    • Emoji Reactions
    • Update Messages
    • Delete Messages
    • Message Webhooks

    PUSH NOTIFICATIONS

    • Overview

    MODERATION

    • Profanity Filters
    • Flag Messages
    • Ban Users
    • Mute Users
    • Spam Prevention

    INTEGRATIONS

    • Overview
    • Content Moderation
    • Image Moderation
    • Language Translation
    • Chatbots
    • GIFs
    • Stickers

Moderation Dashboard

  • Overview
  • Getting Started
  • FEATURES

    • Automatic Text Moderation
    • Automatic Image Moderation
    • Manual Message Moderation
    • Manual User Moderation
    • User Management
    • Channel Management
  • Required Configuration

Debug Console
Network Status

Build chat with PubNub Chat Components

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.

PubNub Chat Components

Get started

Try out our PubNub Chat Components for React (JavaScript), Android (Kotlin), and iOS (Swift). Run a sample chat app and send your first message.

  • React
  • Android
  • iOS

Demos

Play with interactive chat demos.

  • Group chat

Sample apps

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

  • React
  • Android
  • iOS

Tutorials

Read how to use chat components to build chat applications.

React

  • Set up and use PubNub Chat Components for React to build a chat in an existing app
  • Analyze a sample app that uses PubNub Chat Components for React
  • Integrate PubNub Chat Components for React in a chat app
  • Customize PubNub Chat Components for React

Android

  • Set up and use PubNub Chat Components for Android to build a chat in an existing app

iOS

  • Set up and use PubNub Chat Components for iOS to build a chat in an existing app
  • Build a Swift chat app using PubNub Chat Components for iOS

Components

PubNub provides a few in-house components that supply both the UI for your chat apps (so-called "UI Components") and the backend 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 channelMember List (for Android and iOS) and a custom hook in React
Message historyMessages you can fetch from storage and display on a channelMessage List
File uploadsImages or any other data files to sendMessage Input
Message reactionsEmojis you can add to messagesMessage List


Register for PubNub’s Chat Community

Get the most recent updates about PubNub’s newest chat features. By signing up, you’ll also receive:

  • Free PubNub swag
  • Exclusive Q&A sessions, workshops, and webinars with our engineers and product managers
  • The opportunity to have your voice heard by influencing our chat roadmap

←In-App ChatReact Components→
  • Get started
  • Demos
  • Sample apps
  • Tutorials
    • React
    • Android
    • iOS
  • Components
  • Features
© PubNub Inc. - Privacy Policy