Top Sites>Chat API and SDKs to build the best real-time messaging experiences – TalkJS

User-agent: *
Disallow: /onepager
Sitemap: https://talkjs.com/sitemap.xml
    

# TalkJS

> TalkJS provides chat APIs and SDKs that enables developers to add fully featured, in-app messaging to web and mobile apps in minutes. Launch fast with pre-built, customizable UIs and powerful SDKs for JavaScript, React, React Native, and Flutter. Built for speed, reliability, and security, TalkJS scales to power real-time chat for marketplaces, communities, and collaborative teams.

## Company

- [About](https://talkjs.com/about): Overview of TalkJS's history, team, workplace culture, and mission to offer the best chat API and SDKs for apps and websites.
- [Careers](https://talkjs.com/jobs): Lists multiple remote engineering roles at TalkJS, and emphasizes a work culture of autonomy, impactful work, and a culture of freedom and trust.
- [Partnerships](https://talkjs.com/partners): Invitation for agencies and SaaS providers to build white‑label chat solutions using TalkJS, with partner benefits and examples.
- [Contact](https://talkjs.com/contact): A form to request a demo or speak with an expert to discuss chat requirements and pricing.
- [Privacy policy](https://talkjs.com/privacy): Details on GDPR compliance, data processing practices, and how user information is handled and safeguarded.
- [Pricing](https://talkjs.com/pricing): Overview of pricing tiers, features per plan, and FAQs.
- [Terms of Service](https://talkjs.com/terms): Legal terms defining the license, user responsibilities, service levels, liability limits, data protection, and jurisdiction.

## Developer resources

- [Developer documentation](https://talkjs.com/docs): Official documentation covering TalkJS SDKs, APIs, components, code samples, and tutorials to get started quickly.
- [Tutorials](https://talkjs.com/resources/tutorials): Step‑by‑step hands‑on guides to integrate chat features in various frameworks such as Next.js, Laravel, as well as add AI chatbots.
- [Demos](https://talkjs.com/demo): Interactive showcases allowing you to test TalkJS chat features in real time.
- [Changelog](https://changelog.talkjs.com/): Live feed of product updates, release notes, new features, and bug fixes across SDKs and UI components.
- [Status](https://status.talkjs.com): Real‑time operational health dashboard showing uptime, incidents, and performance metrics for TalkJS services.
- [Chat support](https://talkjs.com/?chat): Quick access launcher to start a live chat with support.
- [Email support](mailto:hey@talkjs.com): Opens the user's mail client to email TalkJS support directly.

## Features

- [Features overview](https://talkjs.com/features): High‑level overview of key TalkJS features such as notifications, themes, and moderation.
- [Design Customization](https://talkjs.com/features/themes): Details on how to fully customize chat UI with themes, colors, fonts, and layouts.
- [Notifications](https://talkjs.com/features/notifications): Overview of TalkJS’s notification system including real‑time alerts and badges.
- [Pre-built UI](https://talkjs.com/features/pre-built-ui): Information on TalkJS’s ready‑to‑use chat components to speed up development.
- [On-premise chat](https://talkjs.com/features/on-premise-chat): Details about deploying TalkJS in your own infrastructure for full control.
- [Email to chat sync](https://talkjs.com/features/sync-with-email): Explains automatic synchronization between email and chat conversations.
- [Moderation and analytics](https://talkjs.com/features/moderation-analytics): Covers admin tools, content moderation, usage insights, and analytics.

## Use cases

- [Use cases overview](https://talkjs.com/use-cases): Overview of different use cases for TalkJS chat functionality.
- [Social and communities solutions](https://talkjs.com/use-cases/chat-messaging-online-communities-social-networks): Chat solutions tailored for social networks and community platforms.
- [Marketplace solutions](https://talkjs.com/use-cases/buyer-seller-chat-online-marketplaces): Chat workflows for connecting buyers and sellers in marketplaces.
- [Hiring platforms](https://talkjs.com/use-cases/chat-api-for-hiring-job-websites): Chat tools designed for recruiting platforms to connect candidates and employers.
- [On-demand solutions](https://talkjs.com/use-cases/chat-for-on-demand-apps): Chat support for on‑demand services such as delivery or ride‑sharing apps.
- [Group chat](https://talkjs.com/use-cases/group-chat): Use case details for small-to-mid sized group conversations.
- [Large group chat](https://talkjs.com/use-cases/large-group-chat): Solutions for high‑scale, community‑level group chat scenarios.
- [SaaS solutions](https://talkjs.com/use-cases/saas-chat): Integration of chat into SaaS products to boost engagement and support.
- [Healthcare solutions](https://talkjs.com/use-cases/chat-messaging-digital-health): Chat use cases for healthcare and doctor-patient communication.
- [In-app comments](https://talkjs.com/use-cases/in-app-comments): Chat-based commenting systems for articles, docs, or collaborative tools.
- [1-on-1 chat](https://talkjs.com/use-cases/1-on-1-chat): Private direct messaging between two users.
- [Message and notification center](https://talkjs.com/use-cases/message-center): Central hub for organizing chats, notifications, and updates.
- [AI chatbots](https://talkjs.com/use-cases/ai-chatbots): Solution for integrating AI‑powered bots into chat interfaces.
- [Education solutions](https://talkjs.com/use-cases/elearning-platform-chat): Chat solutions for edaction and learning platforms, tutor‑student interactions.
- [Remote team solutions](https://talkjs.com/use-cases/remote-team-chat): Team‑based chat tools suited for distributed team collaboration.
- [Chat API & SDKs for website](https://talkjs.com/use-cases/chat-api-for-website): Info on using TalkJS chat APIs and SDKs to embed chat in any website.
- [Virtual events solutions](https://talkjs.com/use-cases/chat-messaging-virtual-events-conferences): Chat solutions for event platforms to support live Q&A and networking.

## Languages, frameworks and integrations

- [JavaScript](https://talkjs.com/javascript-chat-library): JavaScript library to integrate chat into websites or apps.
- [Flask](https://talkjs.com/build/flask-chat): Add chat to a Flask app using TalkJS.
- [Ruby](https://talkjs.com/build/ruby-chat): Add chat to a Ruby app using TalkJS.
- [React](https://talkjs.com/build/react-chat): Add chat to a React app using TalkJS.
- [C#](https://talkjs.com/build/csharp-chat): Integrate chat and messaging into C#/.NET applications using TalkJS.
- [Python](https://talkjs.com/build/python-chat): Enable messaging features in Python-based applications using TalkJS.
- [Ionic](https://talkjs.com/build/ionic-chat): Chat integration for hybrid mobile apps built with the Ionic framework.
- [ASP.NET Core](https://talkjs.com/build/aspnet-chat): Add messaging capabilities to ASP.NET Core apps using TalkJS.
- [Node.js](https://talkjs.com/build/nodejs-chat): Integrate real-time messaging into Node.js applications using TalkJS.
- [Vue.js](https://talkjs.com/build/vuejs-chat): Embed chat components into Vue.js applications using TalkJS.
- [PHP](https://talkjs.com/build/php-chat): Add messaging support to PHP backend systems with TalkJS.
- [Java](https://talkjs.com/build/java-chat): Integrate messaging into Java-based applications with TalkJS.
- [Livewire](https://talkjs.com/build/livewire-chat): Embed chat functionality into Laravel apps using Livewire components and TalkJS.
- [jQuery](https://talkjs.com/build/jquery-chat): Add real-time chat to legacy websites built with jQuery using TalkJS.
- [Angular](https://talkjs.com/build/angular-chat): Embed chat into Angular applications using TalkJS.
- [Laravel](https://talkjs.com/build/laravel-chat): Integrate messaging into Laravel backend applications using TalkJS.
- [Ruby on Rails](https://talkjs.com/build/rails-chat): Add chat functionality to Ruby on Rails applications using TalkJS.
- [Svelte](https://talkjs.com/build/svelte-chat): Embed chat into Svelte applications using TalkJS.
- [Flutter](https://talkjs.com/build/flutter-chat): Integrate real-time messaging into Flutter mobile applications using TalkJS.
- [Spring Boot](https://talkjs.com/build/spring-boot-chat): Enable messaging capabilities in Java Spring Boot applications with TalkJS.
- [Django](https://talkjs.com/build/django-chat): Integrate messaging features into Django-based web applications using TalkJS.
- [Next.js](https://talkjs.com/build/nextjs-chat-library): Add chat to React apps built with Next.js using TalkJS.
- [React Native](https://talkjs.com/build/react-native-chat): Embed mobile chat and messaging in React Native applications using TalkJS.
- [Blazor](https://talkjs.com/build/blazor-chat): Add chat interfaces to .NET Blazor applications using TalkJS.
- [TypeScript](https://talkjs.com/build/typescript-chat): Implement messaging features in TypeScript-based applications using TalkJS.
- [React chat UI](https://talkjs.com/build/react-chat/ui): Customize chat user interfaces in React apps using TalkJS components.
- [React component](https://talkjs.com/build/react-chat/component): Use TalkJS chat components in React.
- [React widget](https://talkjs.com/build/react-chat/widget): Use the TalkJS chat widget inside React applications.
- [React chatbot](https://talkjs.com/build/react-chat/chatbot): Build a chatbot using TalkJS in a React environment.
- [Integrations](https://talkjs.com/integrations): Lists third-party platforms and services that can integrate with TalkJS messaging.
- [Webflow and Memberstack integration](https://talkjs.com/webflow-memberstack): Add TalkJS-powered chat to Webflow sites with Memberstack support.
- [Wordpress](https://talkjs.com/wordpress): Integrate TalkJS chat into WordPress websites.

## Docs

- [TalkJS Documentation](https://talkjs.com/docs/home): Welcome page to the full TalkJS documentation with references, tutorials, SDK guides, REST API info, and support.
- [Webhooks](https://talkjs.com/docs/Webhooks): Documentation on enabling and handling TalkJS webhook events (such as message.sent, user.created).
- [Code samples](https://talkjs.com/docs/Code_Samples): A collection of ready‑to‑use code snippets for integrating TalkJS into various frameworks and use cases.
- [Chatbot interface](https://talkjs.com/docs/Features/Chatbot_Interface): Guide to setting up TalkJS chatbots using webhooks and the REST API.
- [Supporting mobile devices](https://talkjs.com/docs/Features/Supporting_Mobile_Devices): Instructions for using TalkJS in mobile apps and webviews, including push notifications and troubleshooting.
- [Environments](https://talkjs.com/docs/Features/Environments): Explanation of TalkJS’s test mode and live mode, and how to manage credentials, publishing, and data between them.

### Concepts

- [Roles](https://talkjs.com/docs/Concepts/Roles): Overview of user roles in TalkJS, specifying UI behaviors, permissions (such as, file sharing, mentions), and content suppression settings. 
- [Conversations](https://talkjs.com/docs/Concepts/Conversations): Explanation of conversations (1‑on‑1 or group), their structure, IDs, security considerations, and metadata.
- [Message content](https://talkjs.com/docs/Concepts/Message_Content): Description of the content field for messages, including TextBlock, FileBlock, and LocationBlock definitions.
- [Participants](https://talkjs.com/docs/Concepts/Participants): Details on participants in a conversation, including roles, notification settings, and access permissions.
- [Guests](https://talkjs.com/docs/Concepts/Guests): Explains 'guest' access, for users who can read and send messages without appearing in the participant list or receiving notifications.
- [Messages](https://talkjs.com/docs/Concepts/Messages): Describes the structure of a message (text, image, location) and its data fields such as id, senderId, content, and timestamps.
- [System Messages](https://talkjs.com/docs/Concepts/System_Messages): Defines system messages shown to all conversation participants with neutral formatting and specific metadata fields.
- [Users](https://talkjs.com/docs/Concepts/Users): Defines what a TalkJS user is, how to map them to your own users, and outlines required and optional user data fields.
- [Sessions](https://talkjs.com/docs/Concepts/Sessions): Covers session creation, lifecycle, security, and the data needed (like user ID, app ID, token/signature).

### JavaScript Data API

- [JavaScript Data API](https://talkjs.com/docs/JavaScript_Data_API): Overview of the Data API and its use of WebSockets for real-time chat data operations in browser or Node.js environments.
- [Conversations](https://talkjs.com/docs/JavaScript_Data_API/Conversations): Methods for creating, fetching, updating & subscribing to conversation resources via the JavaScript Data API. 
- [Message content](https://talkjs.com/docs/JavaScript_Data_API/Message_Content): Explains message content blocks (text, file, location), their structure, and supported block types.
- [Participants](https://talkjs.com/docs/JavaScript_Data_API/Participants): Details participant resources in Data API: methods for adding, removing, editing participants and subscription handling.
- [TalkSession](https://talkjs.com/docs/JavaScript_Data_API/TalkSession): Entry point for the standalone JS Data API, used via getTalkSession to establish a session and access upload/send methods.
- [Performance](https://talkjs.com/docs/JavaScript_Data_API/Performance): Guidance on optimizing TalkJS Data API usage for performance, including session reuse and caching.
- [Messages](https://talkjs.com/docs/JavaScript_Data_API/Messages): Reference for working with individual messages via the TalkJS Data API, including edit, delete, and subscriptions.
- [Users](https://talkjs.com/docs/JavaScript_Data_API/Users): Interface for managing users via the Data API, including creation, updating, fetching, and subscriptions.

### Javascript chat SDK

- [Overview](https://talkjs.com/docs/UI_Components/JavaScript): Intro to the JavaScript SDK, outlining 1‑on‑1, group, and large group chat setup.
- [1-on-1 chat](https://talkjs.com/docs/UI_Components/JavaScript): Guide for adding a one‑on‑one chat (direct messages) between two users using the JavaScript SDK.
- [Group chat](https://talkjs.com/docs/UI_Components/JavaScript): Instructions for creating a group chat (3+ users) via the JavaScript SDK.
- [Large group chat](https://talkjs.com/docs/UI_Components/JavaScript): Guide to building a large group chat with guest access using the JavaScript SDK.
- [The JavaScript Chat SDK](https://talkjs.com/docs/UI_Components/JavaScript): Overview of the TalkJS JavaScript SDK, including installation and main chat components.
- [The Talk Object](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Talk_Object): Reference for the Talk utility object.
- [HtmlPanel](https://talkjs.com/docs/UI_Components/JavaScript/Classic/HtmlPanel): Details on creating and controlling HTML panels within chat UIs.
- [Inbox](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Inbox): Documentation for the main chat inbox UI, its methods and events.
- [Popup](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Popup): Guide to using the popup UI component, its events, and controls.
- [Chatbox](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Chatbox): API reference for the Chatbox UI component that displays a single conversation and its events or methods.
- [Session](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Session): Details on the Session class, which handles user authentication, UI creation, and event management.
- [Other interfaces](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Other_Interfaces): Interface definitions for various chat events and helper types across SDK components.
- [Classic Data API](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Classic_Data_API): Reference for legacy Data API classes such as User and ConversationBuilder for CRUD operations.

### React Native SDK

- [React Native](https://talkjs.com/docs/UI_Components/React_Native): Guide to integrating TalkJS SDK into React Native apps for real-time chat functionality.
- [Installation](https://talkjs.com/docs/UI_Components/React_Native/Installation): Steps to install and set up the TalkJS React Native SDK.
- [ConversationPredicate](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/ConversationPredicate): Object type for filtering conversation lists based on, for example, access, unread messages, or custom fields.
- [PresenceOptions](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/PresenceOptions): Options to configure presence features such as read-receipts visibility for React Native chat sessions.
- [FieldPredicate](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/FieldPredicate): Definition of FieldPredicate arrays for filtering.
- [CustomFieldPredicate](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/CustomFieldPredicate): Defines conditions for custom fields in the React Native SDK.
- [User](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/User): Represents a user with customizable attributes in the React Native SDK.
- [NotificationHandler](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/NotificationHandler): Manages push notification events in the React Native SDK.
- [UserSnapshot](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/UserData): Provides a snapshot of a user's attributes at a specific time.
- [Message](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/Message): Represents a message with content, metadata, and attachments.
- [CustomPredicate](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/CustomPredicate): Defines custom conditions for filtering data in the React Native SDK.
- [CustomData](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/CustomData): Stores additional metadata for users, conversations, or messages.
- [MessageField](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/MessageField): Represents the message entry field in the chat UI.
- [Subscription](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/Subscription): Manages event subscriptions and unsubscriptions in the chat UI.
- [CustomEmojis](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/CustomEmojis): Allows integration of custom emojis into the chat interface.
- [UserSnapshot](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/UserSnapshot): Represents a snapshot of a user's attributes at a specific moment in time.
- [ConversationData](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/ConversationData): Contains data associated with a conversation, such as subject and custom fields.
- [ThirdPartyOptions](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/ThirdPartyOptions): Provides options for integrating third-party services with TalkJS.
- [ConversationBuilder](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/ConversationBuilder): Facilitates the construction and configuration of conversations.
- [ThemeOptions](https://talkjs.com/docs/UI_Components/React_Native/Object_Types/ThemeOptions): Defines customization options for the appearance of the chat UI.
- [registerPushNotificationHandlers](https://talkjs.com/docs/UI_Components/React_Native/API/registerPushNotificationHandlers): Registers handlers for push notification events in a React Native application.
- [oneOnOneId](https://talkjs.com/docs/UI_Components/React_Native/API/oneOnOneId): API method to get or generate a one-on-one conversation ID.
- [getConversationBuilder](https://talkjs.com/docs/UI_Components/React_Native/API/getConversationBuilder): API function to retrieve a conversation builder instance.
- [getNotificationHandler](https://talkjs.com/docs/UI_Components/React_Native/API/getNotificationHandler): API to access the notification handler for push notifications.
- [HtmlPanel](https://talkjs.com/docs/UI_Components/React_Native/Components/HtmlPanel): React Native component rendering the HTML-based chat panel.
- [Chatbox](https://talkjs.com/docs/UI_Components/React_Native/Components/Chatbox): Chatbox component for embedding chat in React Native apps.
- [Session](https://talkjs.com/docs/UI_Components/React_Native/Components/Session): Component managing the TalkJS user session in React Native.
- [ConversationList](https://talkjs.com/docs/UI_Components/React_Native/Components/ConversationList): Displays a list of conversations the current user is part of.

### Flutter SDK

- [The Talk Object](https://talkjs.com/docs/UI_Components/Flutter/Talk_Object): Provides utility functions for using TalkJS in Flutter.
- [User](https://talkjs.com/docs/UI_Components/Flutter/User): Represents a user in your app, identified by a unique ID.
- [Conversation](https://talkjs.com/docs/UI_Components/Flutter/Conversation): Represents a conversation to be created, fetched, or updated.
- [The Flutter SDK](https://talkjs.com/docs/UI_Components/Flutter/Installation): Guide to installing the Flutter SDK for TalkJS.
- [Session](https://talkjs.com/docs/UI_Components/Flutter/Session): Manages a TalkJS session, including user and conversation handling.
- [Other interfaces](https://talkjs.com/docs/UI_Components/Flutter/Other_Interfaces): Documentation of additional Flutter SDK interfaces in TalkJS.
- [Chatbox](https://talkjs.com/docs/UI_Components/Flutter/Widgets/Chatbox): Details on the Chatbox widget for Flutter integration.
- [ConversationList](https://talkjs.com/docs/UI_Components/Flutter/Widgets/ConversationList): Information about the ConversationList widget in Flutter.

### React SDK

- [Overview](https://talkjs.com/docs/UI_Components/React): Introduction and setup guide for using TalkJS with React.
- [1-on-1 chat](https://talkjs.com/docs/UI_Components/React): Guide to implementing one-on-one chat with TalkJS in React.
- [Group chat](https://talkjs.com/docs/UI_Components/React): Guide to creating group chats in React using TalkJS.
- [Large group chat](https://talkjs.com/docs/UI_Components/React): Guide for implementing large group chats with TalkJS in React.
- [Installation](https://talkjs.com/docs/UI_Components/React/Installation): Instructions for installing the TalkJS React SDK.
- [useUnreads](https://talkjs.com/docs/UI_Components/React/Classic/Hooks/useUnreads): Documentation for the React hook to track unread messages.
- [useSession](https://talkjs.com/docs/UI_Components/React/Classic/Hooks/useSession): Guide to the React hook for managing TalkJS sessions.
- [HtmlPanel](https://talkjs.com/docs/UI_Components/React/Classic/Components/HtmlPanel): Details on the HtmlPanel React component for the chat UI.
- [Inbox](https://talkjs.com/docs/UI_Components/React/Classic/Components/Inbox): React component for displaying a single conversation inbox.
- [Popup](https://talkjs.com/docs/UI_Components/React/Classic/Components/Popup): React component for displaying a conversation in a popup window.
- [Chatbox](https://talkjs.com/docs/UI_Components/React/Chatbox): React component for embedding a chat interface within your application.
- [Session](https://talkjs.com/docs/UI_Components/React/Classic/Components/Session): React component for initializing and managing a TalkJS session.

### REST API

- [User Presence](https://talkjs.com/docs/REST_API/User_Presence): REST API endpoint to check the online status and activity of users.
- [Rate Limiting](https://talkjs.com/docs/REST_API/Rate_Limits): REST API documentation on rate limits for API requests.
- [Import messages](https://talkjs.com/docs/REST_API/Import_Messages): Guide for importing messages via the REST API.
- [Conversations](https://talkjs.com/docs/REST_API/Conversations): REST API reference for managing conversations.
- [Notifications](https://talkjs.com/docs/REST_API/Notifications): REST API details on notification management.
- [Messages](https://talkjs.com/docs/REST_API/Messages): Documentation on REST API endpoints for messages.
- [Batch](https://talkjs.com/docs/REST_API/Batch): REST API batching operations for multiple requests.
- [REST API versions](https://talkjs.com/docs/REST_API/Versions): Changelog for REST API versions and updates.
- [Participant](https://talkjs.com/docs/REST_API/Participation): REST API reference for conversation participants.
- [App](https://talkjs.com/docs/REST_API/App): Details about the app object in the REST API.
- [Users](https://talkjs.com/docs/REST_API/Users): REST API reference for managing users.
- [Get started with the REST API](https://talkjs.com/docs/REST_API): Introduction to using the TalkJS REST API.
- [Starting a conversation](https://talkjs.com/docs/REST_API/Start_Conversation): Guide on creating conversations with the REST API.
- [Troubleshooting REST API requests](https://talkjs.com/docs/REST_API/Troubleshooting): Tips for troubleshooting REST API issues.

### Getting started guides

- [Frameworks](https://talkjs.com/docs/UI_Components/): Overview of supported frameworks for TalkJS chat integration.
- [Angular](https://talkjs.com/docs/UI_Components/Angular): Guide to getting started with TalkJS chat in Angular projects.
- [Svelte](https://talkjs.com/docs/UI_Components/Svelte): Instructions for integrating TalkJS chat with Svelte.
- [Vue](https://talkjs.com/docs/UI_Components/Vue): Guide on using TalkJS chat within Vue applications.
- [Ionic](https://talkjs.com/docs/Guides/JavaScript/Classic/Ionic): TalkJS chat setup and usage guide for Ionic apps.
- [Other frameworks](https://talkjs.com/docs/UI_Components/): Information on integrating TalkJS with additional frameworks.

### Components

- [Components](https://talkjs.com/docs/UI_Components): Overview of TalkJS chat components for integration.
- [Installation](https://talkjs.com/docs/UI_Components): Instructions for installing TalkJS chat components.
- [Chatbox](https://talkjs.com/docs/UI_Components): Detailed reference for the Chatbox UI component.
- [Angular](https://talkjs.com/docs/UI_Components/Angular): Guide on using TalkJS chat components in Angular apps.
- [Svelte](https://talkjs.com/docs/UI_Components/Svelte): Guide on integrating TalkJS chat components with the Svelte framework.
- [React](https://talkjs.com/docs/UI_Components/React): Guide for implementing TalkJS chat in React applications.
- [JavaScript with no framework](https://talkjs.com/docs/UI_Components/JavaScript): Guide to using TalkJS chat components with plain JavaScript (no framework).
- [Guides](https://talkjs.com/docs/UI_Components): Overview of various TalkJS component integration guides.
- [Vue](https://talkjs.com/docs/UI_Components/Vue): Instructions for integrating TalkJS chat components in Vue applications.
- [Next.js](https://talkjs.com/docs/UI_Components/Nextjs): Guide on using TalkJS chat components with the Next.js framework.

### Themes

- [Themes](https://talkjs.com/docs/Features/Themes): Overview of TalkJS chat themes and customization options.
- [Email themes](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Email_Themes): Customizing email notification themes in TalkJS.
- [Passing data to themes](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Passing_Data_to_Themes): How to provide custom data to themes for dynamic content.
- [Legacy themes (limited CSS)](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Legacy_Themes): Details on older TalkJS themes with restricted CSS control.
- [Global CSS overrides](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Global_CSS_Overrides): Guide for overriding CSS globally to customize the chat UI.
- [Adding New Features to Existing Themes](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Upgrade_Guide): Instructions to upgrade and add features to current themes.
- [Icons](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Icons): Information about icons used within TalkJS themes.
- [Template Language Reference](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Template_Language): Reference guide for TalkJS template language syntax and usage.
- [ReplyBar](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ReplyBar): Documentation on customizing the message reply input bar component.
- [SystemMessage](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/SystemMessage): Details about the system message component displayed in chat.
- [GroupChatImage](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/GroupChatImage): Information on the group chat image component used in themes.
- [Avatar](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/Avatar): Overview of user avatar components in TalkJS chat themes.
- [UserMessage](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/UserMessage): Description of the user message component structure and customization.
- [SearchResultHeader](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/SearchResultHeader): Details about the search result header component in themes.
- [ConversationListItem](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ConversationListItem): Documentation for individual conversation list items in the chat UI.
- [NoSearchResults](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/NoSearchResults): Explains the component displayed when no search results are found.
- [NoChatsScreen](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/NoChatsScreen): Information on the screen shown when there are no conversations.
- [ConversationListHeader](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ConversationListHeader): Details about the header component for the conversation list.
- [ConversationImage](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ConversationImage): Overview of the conversation image component used in chat themes.
- [Shared types](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/Shared_Types): Defines shared types used across multiple components.
- [ReferencedMessage](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ReferencedMessage): Renders the contents of a message being replied to.
- [MessageBody](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/MessageBody): Displays the content of a message.
- [ConversationListSearchBox](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ConversationListSearchBox): Provides a search input for filtering conversations.
- [MessageField](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/MessageField): Interface for composing and sending messages.
- [Globally available subcomponents and variables](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/Global_Components_and_Variables): Lists components and variables accessible throughout themes.
- [SearchResultFooter](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/SearchResultFooter): Displays footer information in search results.
- [MessageSearchResult](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/MessageSearchResult): Displays individual message search results.
- [ChatHeader](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/ChatHeader): Shows the header section of the chat interface.
- [Theme components overview](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/Overview): Overview of available theme components.
- [RecordingPreview](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/RecordingPreview): Preview of audio recordings before sending.
- [TypingIndicator](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/TypingIndicator): Shows who is currently typing in the chat.
- [VoiceRecorder](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/VoiceRecorder): Component for recording voice messages.

### Notifications

- [Notifications](https://talkjs.com/docs/Features/Notifications): Overview of TalkJS notification features.
- [Browser Notifications](https://talkjs.com/docs/Features/Notifications/Browser_Notifications): How to enable and use browser notifications.
- [Mobile Push Notifications](https://talkjs.com/docs/Features/Notifications/Mobile_Push_Notifications): Guide for configuring mobile push notifications.
- [Email notifications](https://talkjs.com/docs/Features/Notifications/Email_Notifications): Setup and customization of email notifications.
- [Customize notifications](https://talkjs.com/docs/Features/Notifications): Instructions on customizing notification behavior.
- [SMS notifications](https://talkjs.com/docs/Features/Notifications/SMS_Notifications): Information on SMS notification support and setup.
- [Configure Apple Push Notifications](https://talkjs.com/docs/Guides/Mobile/Configure_APNs): Instructions for setting up Apple Push Notifications (APNs).
- [React Native push notifications](https://talkjs.com/docs/Guides/React_Native/Push_Notifications): Guide to integrating push notifications in React Native apps.
- [Expo](https://talkjs.com/docs/Guides/React_Native/Push_Notifications_Expo): Steps to use push notifications with Expo framework.
- [Flutter Push Notifications](https://talkjs.com/docs/Guides/Flutter/Push_Notifications): Instructions for enabling push notifications in Flutter apps.
- [Configure Firebase Cloud Messaging](https://talkjs.com/docs/Guides/Mobile/Configure_FCM): Setup guide for Firebase Cloud Messaging (FCM) service.
- [Email notification themes](https://talkjs.com/docs/Features/Email_Notifications): Customization options for email notification themes.
- [Unsubscribe link customization](https://talkjs.com/docs/Features/Email_Notifications): Guide on customizing unsubscribe links in email notifications.
- [Link back to your app](https://talkjs.com/docs/Features/Email_Notifications): Instructions for linking email notifications back to your app.

### Pre-built chat UIs

- [Chat UIs](https://talkjs.com/docs/Features/Chat_UIs): Overview of available pre-built chat user interfaces.
- [Popup](https://talkjs.com/docs/Features/Chat_UIs/#popup): Details on the popup chat widget UI mode.
- [The Chatbox](https://talkjs.com/docs/Features/Chat_UIs/#chatbox): Information about the Chatbox user interface mode.
- [Switch between conversations](https://talkjs.com/docs/Features/Chat_UIs): How to switch between conversations within a chat app.
- [Embeddable read-only conversation](https://talkjs.com/docs/Guides/JavaScript/Classic/Read-only_Conversation): Guide to embedding a read-only chat conversation widget.
- [Resize chat UI](https://talkjs.com/docs/Guides/JavaScript/Classic/Resize_Chat_UI): Instructions on positioning chat UI components on a page.
- [Inbox](https://talkjs.com/docs/Features/Chat_UIs/#inbox): Overview of the Inbox chat user interface mode.

### Group chat

- [Group chats](https://talkjs.com/docs/Features/Conversations/Group_Chat): Explanation of group chat functionality and features.
- [Access rights](https://talkjs.com/docs/Guides/JavaScript/Classic/Access_Permissions): Details on managing user permissions in group chats.
- [Create a group chat](https://talkjs.com/docs/Guides/JavaScript/Classic/Group_Chat): Step-by-step guide to creating group chats.
- [Add or remove users to or from a group chat](https://talkjs.com/docs/Guides/JavaScript/Classic/Add_Users): Instructions for managing group chat membership.

#### Security

- [Advanced authentication](https://talkjs.com/docs/Features/Security/Advanced_Authentication): Details on implementing advanced user authentication methods.
- [Browser synchronization](https://talkjs.com/docs/Features/Security/Browser_Synchronization): Explanation of syncing user sessions across multiple browsers.
- [Secret Keys](https://talkjs.com/docs/Features/Security/Secret_Keys): Information on managing and using secret keys securely.
- [Security recommendations](https://talkjs.com/docs/Features/Security): Best practices and guidelines for enhancing security.
- [Content Security Policy](https://talkjs.com/docs/Features/Security/Content_Security_Policy): Guide to implementing a Content Security Policy (CSP) for improved security.
- [Authentication](https://talkjs.com/docs/Features/Security/Authentication): Overview of authentication mechanisms supported by TalkJS.

### Conversation features

- [Search messages & conversations](https://talkjs.com/docs/Features/Conversations/Search): Guide to enabling and using search for both messages and conversations.
- [Conversation Actions](https://talkjs.com/docs/Features/Conversations/Conversation_Actions): Details on built-in and custom actions users can perform within a conversation.
- [Closing a Conversation](https://talkjs.com/docs/Guides/JavaScript/Classic/Close_Conversation): Explains how to effectively “close” a chat by revoking write access.
- [Status Indicator](https://talkjs.com/docs/Features/Conversations/Status_Indicator): Shows how to display an online or offline user status in conversations.

### Message features

- [Message field options](https://talkjs.com/docs/Features/Messages/Message_Field_Options): Explains customization of the message input field (suggestions, visibility, autofocus).
- [Emoji reactions](https://talkjs.com/docs/Features/Messages/Emojis): Describes enabling emoji reactions and adding custom emojis to messages.
- [File sharing](https://talkjs.com/docs/Features/Messages/File_Sharing): Explains enabling file sharing in the chat UI.
- [Voice messages](https://talkjs.com/docs/Features/Messages/Voice_Messages): Guide for recording and sending voice messages, including UI behavior.
- [Formatting](https://talkjs.com/docs/Features/Messages/Formatting): Documents wiki-style text formatting (bold, italic, lists, code).
- [Message Actions](https://talkjs.com/docs/Features/Messages/Message_Actions): Describes action menus on messages and role‑based permissions.
- [Link previews](https://talkjs.com/docs/Features/Messages/Link_Previews): Shows how chat can auto‑generate preview cards for URLs.
- [Mentions](https://talkjs.com/docs/Features/Messages/Mentions): Details @‑mention support with autocomplete and role controls.
- [The Theme Editor](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Theme_Editor): Interface for customizing the TalkJS chat UI themes directly in the browser.
- [Editing Component Templates](https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Template_Editing): Guide to modifying HTML and CSS templates for individual UI components.

### Localization and real-time translation

- [Localization](https://talkjs.com/docs/Features/Language_Support/#localization): Explains how to display TalkJS UIs in different languages, including RTL support.
- [Real-time message translation](https://talkjs.com/docs/Features/Language_Support/#real-time-message-translation): Details setup for automatic message translation.

### Customizations

- [Custom headers](https://talkjs.com/docs/Guides/JavaScript/Classic/Custom_Headers): Instructions for replacing or extending the default chat header component.
- [Action Buttons and Links](https://talkjs.com/docs/Guides/JavaScript/Classic/Action_Buttons_Links): Enables adding custom interactive buttons or links within chat messages.
- [HTML panels](https://talkjs.com/docs/Guides/JavaScript/Classic/HTML_Panels): Guide for embedding interactive HTML content (such as forms or widgets) via iframes.
- [Conversation list filters](https://talkjs.com/docs/Features/Conversations/Conversation_List_Filters): Describes how to filter which conversations appear in the chat UI.
- [Message filters](https://talkjs.com/docs/Features/Messages/Message_Filters): Explains filtering messages by sender, type, time, etc. in chat components.
- [Third Party Integrations](https://talkjs.com/docs/Guides/JavaScript/Classic/Integrations): Shows how to integrate services like FullStory to work with TalkJS UIs.

## Optional

- [Login](https://talkjs.com/dashboard/): Admin dashboard login for existing TalkJS customers.
- [Product updates](https://talkjs.com/resources/tag/product-update/): Overview of posts with new TalkJS chat features and SDK improvements.
- [Product comparison](https://talkjs.com/resources/tag/product-comparison/): Overview of posts showing how TalkJS chat compares to alternatives.
- [Customers](https://talkjs.com/customers): Page showcasing TalkJS’s customer stories and case studies.