# 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/Reference/Webhooks): Documentation on enabling and handling TalkJS webhook events (such as message.sent, user.created). - [Code samples](https://talkjs.com/docs/Reference/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/Reference/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/Reference/Concepts/Conversations): Explanation of conversations (1‑on‑1 or group), their structure, IDs, security considerations, and metadata. - [Message content](https://talkjs.com/docs/Reference/Concepts/Message_Content): Description of the content field for messages, including TextBlock, FileBlock, and LocationBlock definitions. - [Participants](https://talkjs.com/docs/Reference/Concepts/Participants): Details on participants in a conversation, including roles, notification settings, and access permissions. - [Guests](https://talkjs.com/docs/Reference/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/Reference/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/Reference/Concepts/System_Messages): Defines system messages shown to all conversation participants with neutral formatting and specific metadata fields. - [Users](https://talkjs.com/docs/Reference/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/Reference/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/Reference/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/Reference/JavaScript_Data_API/Conversations): Methods for creating, fetching, updating & subscribing to conversation resources via the JavaScript Data API. - [Message content](https://talkjs.com/docs/Reference/JavaScript_Data_API/Message_Content): Explains message content blocks (text, file, location), their structure, and supported block types. - [Participants](https://talkjs.com/docs/Reference/JavaScript_Data_API/Participants): Details participant resources in Data API: methods for adding, removing, editing participants and subscription handling. - [TalkSession](https://talkjs.com/docs/Reference/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/Reference/JavaScript_Data_API/Performance): Guidance on optimizing TalkJS Data API usage for performance, including session reuse and caching. - [Messages](https://talkjs.com/docs/Reference/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/Reference/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/Getting_Started/JavaScript_SDK): Intro to the JavaScript SDK, outlining 1‑on‑1, group, and large group chat setup. - [1-on-1 chat](https://talkjs.com/docs/Getting_Started/JavaScript_SDK/1_On_1_Chat): Guide for adding a one‑on‑one chat (direct messages) between two users using the JavaScript SDK. - [Group chat](https://talkjs.com/docs/Getting_Started/JavaScript_SDK/Group_Chat): Instructions for creating a group chat (3+ users) via the JavaScript SDK. - [Large group chat](https://talkjs.com/docs/Getting_Started/JavaScript_SDK/Large_Group_Chat): Guide to building a large group chat with guest access using the JavaScript SDK. - [The JavaScript Chat SDK](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK): Overview of the TalkJS JavaScript SDK, including installation and main chat components. - [The Talk Object](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/The_Talk_Object): Reference for the Talk utility object. - [HtmlPanel](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/HtmlPanel): Details on creating and controlling HTML panels within chat UIs. - [Inbox](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/Inbox): Documentation for the main chat inbox UI, its methods and events. - [Popup](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/Popup): Guide to using the popup UI component, its events, and controls. - [Chatbox](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/Chatbox): API reference for the Chatbox UI component that displays a single conversation and its events or methods. - [Session](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/Session): Details on the Session class, which handles user authentication, UI creation, and event management. - [Other interfaces](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/Other_interfaces): Interface definitions for various chat events and helper types across SDK components. - [Classic Data API](https://talkjs.com/docs/Reference/JavaScript_Chat_SDK/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/Getting_Started/React_Native): Guide to integrating TalkJS SDK into React Native apps for real-time chat functionality. - [Installation](https://talkjs.com/docs/Reference/React_Native_SDK/Installation): Steps to install and set up the TalkJS React Native SDK. - [ConversationPredicate](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/ConversationPredicate): Object type for filtering conversation lists based on, for example, access, unread messages, or custom fields. - [PresenceOptions](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/PresenceOptions): Options to configure presence features such as read-receipts visibility for React Native chat sessions. - [FieldPredicate](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/FieldPredicate): Definition of FieldPredicate arrays for filtering. - [CustomFieldPredicate](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/CustomFieldPredicate): Defines conditions for custom fields in the React Native SDK. - [User](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/User): Represents a user with customizable attributes in the React Native SDK. - [NotificationHandler](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/NotificationHandler): Manages push notification events in the React Native SDK. - [UserSnapshot](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/UserData): Provides a snapshot of a user's attributes at a specific time. - [Message](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/Message): Represents a message with content, metadata, and attachments. - [CustomPredicate](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/CustomPredicate): Defines custom conditions for filtering data in the React Native SDK. - [CustomData](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/CustomData): Stores additional metadata for users, conversations, or messages. - [MessageField](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/MessageField): Represents the message entry field in the chat UI. - [Subscription](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/Subscription): Manages event subscriptions and unsubscriptions in the chat UI. - [CustomEmojis](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/CustomEmojis): Allows integration of custom emojis into the chat interface. - [UserSnapshot](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/UserSnapshot): Represents a snapshot of a user's attributes at a specific moment in time. - [ConversationData](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/ConversationData): Contains data associated with a conversation, such as subject and custom fields. - [ThirdPartyOptions](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/ThirdPartyOptions): Provides options for integrating third-party services with TalkJS. - [ConversationBuilder](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/ConversationBuilder): Facilitates the construction and configuration of conversations. - [ThemeOptions](https://talkjs.com/docs/Reference/React_Native_SDK/Object_Types/ThemeOptions): Defines customization options for the appearance of the chat UI. - [registerPushNotificationHandlers](https://talkjs.com/docs/Reference/React_Native_SDK/API/registerPushNotificationHandlers): Registers handlers for push notification events in a React Native application. - [oneOnOneId](https://talkjs.com/docs/Reference/React_Native_SDK/API/oneOnOneId): API method to get or generate a one-on-one conversation ID. - [getConversationBuilder](https://talkjs.com/docs/Reference/React_Native_SDK/API/getConversationBuilder): API function to retrieve a conversation builder instance. - [getNotificationHandler](https://talkjs.com/docs/Reference/React_Native_SDK/API/getNotificationHandler): API to access the notification handler for push notifications. - [HtmlPanel](https://talkjs.com/docs/Reference/React_Native_SDK/Components/HtmlPanel): React Native component rendering the HTML-based chat panel. - [Chatbox](https://talkjs.com/docs/Reference/React_Native_SDK/Components/Chatbox): Chatbox component for embedding chat in React Native apps. - [Session](https://talkjs.com/docs/Reference/React_Native_SDK/Components/Session): Component managing the TalkJS user session in React Native. - [ConversationList](https://talkjs.com/docs/Reference/React_Native_SDK/Components/ConversationList): Displays a list of conversations the current user is part of. ### Flutter SDK - [The Talk Object](https://talkjs.com/docs/Reference/Flutter_SDK/The_Talk_Object): Provides utility functions for using TalkJS in Flutter. - [User](https://talkjs.com/docs/Reference/Flutter_SDK/User): Represents a user in your app, identified by a unique ID. - [Conversation](https://talkjs.com/docs/Reference/Flutter_SDK/Conversation): Represents a conversation to be created, fetched, or updated. - [The Flutter SDK](https://talkjs.com/docs/Reference/Flutter_SDK/Installation): Guide to installing the Flutter SDK for TalkJS. - [Session](https://talkjs.com/docs/Reference/Flutter_SDK/Session): Manages a TalkJS session, including user and conversation handling. - [Other interfaces](https://talkjs.com/docs/Reference/Flutter_SDK/Other_interfaces): Documentation of additional Flutter SDK interfaces in TalkJS. - [Chatbox](https://talkjs.com/docs/Reference/Flutter_SDK/Widgets/Chatbox): Details on the Chatbox widget for Flutter integration. - [ConversationList](https://talkjs.com/docs/Reference/Flutter_SDK/Widgets/ConversationList): Information about the ConversationList widget in Flutter. ### React SDK - [Overview](https://talkjs.com/docs/Getting_Started/React): Introduction and setup guide for using TalkJS with React. - [1-on-1 chat](https://talkjs.com/docs/Getting_Started/React/1_On_1_Chat): Guide to implementing one-on-one chat with TalkJS in React. - [Group chat](https://talkjs.com/docs/Getting_Started/React/Group_Chat): Guide to creating group chats in React using TalkJS. - [Large group chat](https://talkjs.com/docs/Getting_Started/React/Large_Group_Chat): Guide for implementing large group chats with TalkJS in React. - [Installation](https://talkjs.com/docs/Reference/React_SDK/Installation): Instructions for installing the TalkJS React SDK. - [useUnreads](https://talkjs.com/docs/Reference/React_SDK/Hooks/useUnreads): Documentation for the React hook to track unread messages. - [useSession](https://talkjs.com/docs/Reference/React_SDK/Hooks/useSession): Guide to the React hook for managing TalkJS sessions. - [HtmlPanel](https://talkjs.com/docs/Reference/React_SDK/Components/HtmlPanel): Details on the HtmlPanel React component for the chat UI. - [Inbox](https://talkjs.com/docs/Reference/React_SDK/Components/Inbox): React component for displaying a single conversation inbox. - [Popup](https://talkjs.com/docs/Reference/React_SDK/Components/Popup): React component for displaying a conversation in a popup window. - [Chatbox](https://talkjs.com/docs/Reference/React_SDK/Components/Chatbox): React component for embedding a chat interface within your application. - [Session](https://talkjs.com/docs/Reference/React_SDK/Components/Session): React component for initializing and managing a TalkJS session. ### REST API - [User Presence](https://talkjs.com/docs/Reference/REST_API/User_Presence): REST API endpoint to check the online status and activity of users. - [Rate Limiting](https://talkjs.com/docs/Reference/REST_API/Rate_Limits): REST API documentation on rate limits for API requests. - [Import messages](https://talkjs.com/docs/Reference/REST_API/Importing_Messages): Guide for importing messages via the REST API. - [Conversations](https://talkjs.com/docs/Reference/REST_API/Conversations): REST API reference for managing conversations. - [Notifications](https://talkjs.com/docs/Reference/REST_API/Notifications): REST API details on notification management. - [Messages](https://talkjs.com/docs/Reference/REST_API/Messages): Documentation on REST API endpoints for messages. - [Batch](https://talkjs.com/docs/Reference/REST_API/Batch): REST API batching operations for multiple requests. - [REST API versions](https://talkjs.com/docs/Reference/REST_API/API_changelog): Changelog for REST API versions and updates. - [Participant](https://talkjs.com/docs/Reference/REST_API/Participation): REST API reference for conversation participants. - [App](https://talkjs.com/docs/Reference/REST_API/App): Details about the app object in the REST API. - [Users](https://talkjs.com/docs/Reference/REST_API/Users): REST API reference for managing users. - [Get started with the REST API](https://talkjs.com/docs/Reference/REST_API/Getting_Started/Introduction): Introduction to using the TalkJS REST API. - [Starting a conversation](https://talkjs.com/docs/Reference/REST_API/Getting_Started/Starting_a_conversation): Guide on creating conversations with the REST API. - [Troubleshooting REST API requests](https://talkjs.com/docs/Reference/REST_API/Getting_Started/Troubleshooting): Tips for troubleshooting REST API issues. ### Getting started guides - [Frameworks](https://talkjs.com/docs/Getting_Started/Frameworks): Overview of supported frameworks for TalkJS chat integration. - [Angular](https://talkjs.com/docs/Getting_Started/Angular): Guide to getting started with TalkJS chat in Angular projects. - [Svelte](https://talkjs.com/docs/Getting_Started/Svelte): Instructions for integrating TalkJS chat with Svelte. - [Vue](https://talkjs.com/docs/Getting_Started/Vue): Guide on using TalkJS chat within Vue applications. - [Ionic](https://talkjs.com/docs/Getting_Started/Ionic): TalkJS chat setup and usage guide for Ionic apps. - [Other frameworks](https://talkjs.com/docs/Getting_Started/Other_Frameworks): Information on integrating TalkJS with additional frameworks. ### Components - [Components](https://talkjs.com/docs/Reference/Components): Overview of TalkJS chat components for integration. - [Installation](https://talkjs.com/docs/Reference/Components/Installation): Instructions for installing TalkJS chat components. - [Chatbox](https://talkjs.com/docs/Reference/Components/Reference/Chatbox): Detailed reference for the Chatbox UI component. - [Angular](https://talkjs.com/docs/Reference/Components/Guides/Angular): Guide on using TalkJS chat components in Angular apps. - [Svelte](https://talkjs.com/docs/Reference/Components/Guides/Svelte): Guide on integrating TalkJS chat components with the Svelte framework. - [React](https://talkjs.com/docs/Reference/Components/Guides/React): Guide for implementing TalkJS chat in React applications. - [JavaScript with no framework](https://talkjs.com/docs/Reference/Components/Guides/JavaScript): Guide to using TalkJS chat components with plain JavaScript (no framework). - [Guides](https://talkjs.com/docs/Reference/Components/Guides/Overview): Overview of various TalkJS component integration guides. - [Vue](https://talkjs.com/docs/Reference/Components/Guides/Vue): Instructions for integrating TalkJS chat components in Vue applications. - [Next.js](https://talkjs.com/docs/Reference/Components/Guides/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/Features/Themes/Email_Themes): Customizing email notification themes in TalkJS. - [Passing data to themes](https://talkjs.com/docs/Features/Themes/Passing_Data_to_Themes): How to provide custom data to themes for dynamic content. - [Legacy themes (limited CSS)](https://talkjs.com/docs/Features/Themes/Legacy_Themes_(limited_CSS)): Details on older TalkJS themes with restricted CSS control. - [Global CSS overrides](https://talkjs.com/docs/Features/Themes/Global_CSS_overrides): Guide for overriding CSS globally to customize the chat UI. - [Adding New Features to Existing Themes](https://talkjs.com/docs/Features/Themes/Upgrade_guide): Instructions to upgrade and add features to current themes. - [Icons](https://talkjs.com/docs/Features/Themes/Icons): Information about icons used within TalkJS themes. - [Template Language Reference](https://talkjs.com/docs/Features/Themes/Editing_Component_Templates/Template_Language_Reference): Reference guide for TalkJS template language syntax and usage. - [ReplyBar](https://talkjs.com/docs/Features/Themes/Components/ReplyBar): Documentation on customizing the message reply input bar component. - [SystemMessage](https://talkjs.com/docs/Features/Themes/Components/SystemMessage): Details about the system message component displayed in chat. - [GroupChatImage](https://talkjs.com/docs/Features/Themes/Components/GroupChatImage): Information on the group chat image component used in themes. - [Avatar](https://talkjs.com/docs/Features/Themes/Components/Avatar): Overview of user avatar components in TalkJS chat themes. - [UserMessage](https://talkjs.com/docs/Features/Themes/Components/UserMessage): Description of the user message component structure and customization. - [SearchResultHeader](https://talkjs.com/docs/Features/Themes/Components/SearchResultHeader): Details about the search result header component in themes. - [ConversationListItem](https://talkjs.com/docs/Features/Themes/Components/ConversationListItem): Documentation for individual conversation list items in the chat UI. - [NoSearchResults](https://talkjs.com/docs/Features/Themes/Components/NoSearchResults): Explains the component displayed when no search results are found. - [NoChatsScreen](https://talkjs.com/docs/Features/Themes/Components/NoChatsScreen): Information on the screen shown when there are no conversations. - [ConversationListHeader](https://talkjs.com/docs/Features/Themes/Components/ConversationListHeader): Details about the header component for the conversation list. - [ConversationImage](https://talkjs.com/docs/Features/Themes/Components/ConversationImage): Overview of the conversation image component used in chat themes. - [Shared types](https://talkjs.com/docs/Features/Themes/Components/Shared_Types): Defines shared types used across multiple components. - [ReferencedMessage](https://talkjs.com/docs/Features/Themes/Components/ReferencedMessage): Renders the contents of a message being replied to. - [MessageBody](https://talkjs.com/docs/Features/Themes/Components/MessageBody): Displays the content of a message. - [ConversationListSearchBox](https://talkjs.com/docs/Features/Themes/Components/ConversationListSearchBox): Provides a search input for filtering conversations. - [MessageField](https://talkjs.com/docs/Features/Themes/Components/MessageField): Interface for composing and sending messages. - [Globally available subcomponents and variables](https://talkjs.com/docs/Features/Themes/Components/Globally_Available_Components_and_Variables): Lists components and variables accessible throughout themes. - [SearchResultFooter](https://talkjs.com/docs/Features/Themes/Components/SearchResultFooter): Displays footer information in search results. - [MessageSearchResult](https://talkjs.com/docs/Features/Themes/Components/MessageSearchResult): Displays individual message search results. - [ChatHeader](https://talkjs.com/docs/Features/Themes/Components/ChatHeader): Shows the header section of the chat interface. - [Theme components overview](https://talkjs.com/docs/Features/Themes/Components/Overview): Overview of available theme components. - [RecordingPreview](https://talkjs.com/docs/Features/Themes/Components/RecordingPreview): Preview of audio recordings before sending. - [TypingIndicator](https://talkjs.com/docs/Features/Themes/Components/TypingIndicator): Shows who is currently typing in the chat. - [VoiceRecorder](https://talkjs.com/docs/Features/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/Customizing_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/Features/Notifications/Mobile_Push_Notifications/Configure_APNs): Instructions for setting up Apple Push Notifications (APNs). - [React Native push notifications](https://talkjs.com/docs/Features/Notifications/Mobile_Push_Notifications/React_Native): Guide to integrating push notifications in React Native apps. - [Expo](https://talkjs.com/docs/Features/Notifications/Mobile_Push_Notifications/Expo): Steps to use push notifications with Expo framework. - [Flutter Push Notifications](https://talkjs.com/docs/Features/Notifications/Mobile_Push_Notifications/Flutter): Instructions for enabling push notifications in Flutter apps. - [Configure Firebase Cloud Messaging](https://talkjs.com/docs/Features/Notifications/Mobile_Push_Notifications/Configure_FCM): Setup guide for Firebase Cloud Messaging (FCM) service. - [Email notification themes](https://talkjs.com/docs/Features/Notifications/Email_Notifications/Theming_email_notifications): Customization options for email notification themes. - [Unsubscribe link customization](https://talkjs.com/docs/Features/Notifications/Email_Notifications/Unsubscribe_link_customization): Guide on customizing unsubscribe links in email notifications. - [Link back to your app](https://talkjs.com/docs/Features/Notifications/Email_Notifications/Linking_back_to_your_app): Instructions for linking email notifications back to your app. ### Pre-built chat UIs - [Pre-built chat UIs](https://talkjs.com/docs/Features/Chat_UI_Modes): Overview of available pre-built chat user interfaces. - [Popup](https://talkjs.com/docs/Features/Chat_UI_Modes/The_Popup_Widget): Details on the popup chat widget UI mode. - [The Chatbox](https://talkjs.com/docs/Features/Chat_UI_Modes/The_Chatbox): Information about the Chatbox user interface mode. - [Switch between conversations](https://talkjs.com/docs/Features/Chat_UI_Modes/Switching_Between_Conversations): How to switch between conversations within a chat app. - [Embeddable read-only conversation](https://talkjs.com/docs/Features/Chat_UI_Modes/Embeddable_Read-only_Conversation): Guide to embedding a read-only chat conversation widget. - [UI placement](https://talkjs.com/docs/Features/Chat_UI_Modes/UI_Placement): Instructions on positioning chat UI components on a page. - [Inbox](https://talkjs.com/docs/Features/Chat_UI_Modes/The_Inbox): Overview of the Inbox chat user interface mode. ### Group chat - [Group chats](https://talkjs.com/docs/Features/Group_Chats): Explanation of group chat functionality and features. - [Access rights](https://talkjs.com/docs/Features/Group_Chats/Access_rights): Details on managing user permissions in group chats. - [Create a group chat](https://talkjs.com/docs/Features/Group_Chats/Create): Step-by-step guide to creating group chats. - [Add or remove users to or from a group chat](https://talkjs.com/docs/Features/Group_Chats/Add_or_remove_users): Instructions for managing group chat membership. #### Security - [Advanced authentication](https://talkjs.com/docs/Features/Security_Settings/Advanced_Authentication): Details on implementing advanced user authentication methods. - [Browser synchronization](https://talkjs.com/docs/Features/Security_Settings/Browser_Synchronization): Explanation of syncing user sessions across multiple browsers. - [Secret Keys](https://talkjs.com/docs/Features/Security_Settings/Secret_Keys): Information on managing and using secret keys securely. - [Security recommendations](https://talkjs.com/docs/Features/Security_Settings/Security_Recommendations): Best practices and guidelines for enhancing security. - [Content Security Policy](https://talkjs.com/docs/Features/Security_Settings/Content_Security_Policy): Guide to implementing a Content Security Policy (CSP) for improved security. - [Authentication](https://talkjs.com/docs/Features/Security_Settings/Authentication): Overview of authentication mechanisms supported by TalkJS. ### Conversation features - [Search messages & conversations](https://talkjs.com/docs/Features/Conversation_Features/Search): Guide to enabling and using search for both messages and conversations. - [Conversation Actions](https://talkjs.com/docs/Features/Conversation_Features/Conversation_Actions): Details on built-in and custom actions users can perform within a conversation. - [Closing a Conversation](https://talkjs.com/docs/Features/Conversation_Features/Close_a_Conversation): Explains how to effectively “close” a chat by revoking write access. - [Status Indicator](https://talkjs.com/docs/Features/Conversation_Features/Status_Indicator): Shows how to display an online or offline user status in conversations. ### Message features - [Message field options](https://talkjs.com/docs/Features/Message_Features/Message_Field_Options): Explains customization of the message input field (suggestions, visibility, autofocus). - [Emoji reactions](https://talkjs.com/docs/Features/Message_Features/Emoji_Reactions): Describes enabling emoji reactions and adding custom emojis to messages. - [File sharing](https://talkjs.com/docs/Features/Message_Features/File_Sharing): Explains enabling file sharing in the chat UI. - [Voice messages](https://talkjs.com/docs/Features/Message_Features/Voice_Messages): Guide for recording and sending voice messages, including UI behavior. - [Formatting](https://talkjs.com/docs/Features/Message_Features/Formatting): Documents wiki-style text formatting (bold, italic, lists, code). - [Message Actions](https://talkjs.com/docs/Features/Message_Features/Message_Actions): Describes action menus on messages and role‑based permissions. - [Link previews](https://talkjs.com/docs/Features/Message_Features/Link_Previews): Shows how chat can auto‑generate preview cards for URLs. - [Mentions](https://talkjs.com/docs/Features/Message_Features/Mentions): Details @‑mention support with autocomplete and role controls. - [The Theme Editor](https://talkjs.com/docs/Features/Themes/The_Theme_Editor): Interface for customizing the TalkJS chat UI themes directly in the browser. - [Editing Component Templates](https://talkjs.com/docs/Features/Themes/Editing_Component_Templates): 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/Features/Customizations/Creating_Custom_Headers): Instructions for replacing or extending the default chat header component. - [Action Buttons and Links](https://talkjs.com/docs/Features/Customizations/Action_Buttons_Links): Enables adding custom interactive buttons or links within chat messages. - [HTML panels](https://talkjs.com/docs/Features/Customizations/HTML_Panels): Guide for embedding interactive HTML content (such as forms or widgets) via iframes. - [Conversation list filters](https://talkjs.com/docs/Features/Customizations/Conversation_List_Filters): Describes how to filter which conversations appear in the chat UI. - [Message filters](https://talkjs.com/docs/Features/Customizations/Message_Filters): Explains filtering messages by sender, type, time, etc. in chat components. - [Third Party Integrations](https://talkjs.com/docs/Features/Customizations/Third_Party_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.