Pre-built UI

We built the chat UI so you don't have to — just add the finishing touch

The pre-built UI makes it possible to add chat — in minutes rather than months — to any website or app. You can use the default UI or customise the design to fit your product perfectly.
Pre-built UI illustration
Pre-built chat UIs

Our plug and play UI supports three different layouts — that are highly customisable — which you can mix and match to suit your needs. For example, users can have access to their inbox, but also chat via a popup widget.

Inbox

A messenging centre with multiple conversations

Chatbox

A simple chat panel that can be easily embedded

Popup

Chat that shows up once a user interacts with it

Learn how Teamflow shipped a chat feature in a few weeks
TalkJS was very easy to integrate and gave us the flexibility we needed.
Flo Crivello
Founder & CEO, Teamflow
Inbox

The TalkJS Inbox shows the chat history on the left, selected conversation on the right. It's designed to act as the messaging centre of your app, and it usually lives on its own page.

Pre-built UI illustration
Chatbox

The Chatbox is really just the right half of the Inbox UI mode. It takes up less space and it's designed to be embedded in your app near an order confirmation, a booking, or a user profile.

Pre-built UI illustration
The power of TalkJS is that it's highly customisable and user-friendly. We can offer our customers a plug and play solution and give them the possibility to adjust the chat widget to their needs.
Paul Van Den Broek
Product Manager, Coosto
Get started

Integrate chat with a few lines of code

You just need to tell us which conversation to display, who's chatting, and where to show it on the page. We take care of the rest! And if you want a deeper integration, we have all the APIs you'll need to add functionality or integrate into your own systems.

1<Session appId="9352938974" userId={me.id}>
2 <Chatbox conversationId={conversation.id}/>
3</Session>
Themes

Tune the look and feel of your chat

You can deeply customise the chat UI with HTML and CSS. With TalkJS Themes you have complete control over the styling, the layout, and document structure of the chat messages and the possibility to show metadata.

API code snippet illustration
After investigating 3 to 4 other chat APIs, I was impressed with how simple integration was. If you are looking for a truly drop in ready in-app chat service, give them a try.
Patrick Quilty
Software Engineer, IDEA Public Schools

Essential features, out-of-the-box

Mobile SDKs

The TalkJS chat works well on mobile devices. The UI is pre-built and supported by React Native and Flutter SDKs.

Notifications

TalkJS has a robust notification system that supports push, email, SMS, and desktop notifications, out-of-the-box.

Use metadata

You can attach custom data to a conversation message. It can be almost anything you make available by using our REST API.

Multi-language

TalkJS has built-in localisation features that allow you to display the text of the interfaces to the user in their own language.

And many more features...
  • Channels, groups, and topics
  • Online presence indicators
  • In-conversation search
  • Real-time translation
  • Typing and read indicators
  • Custom message actions
  • Mentions
  • Replies
  • Unread messages badge
  • Conversation history
  • File sharing
  • Location sharing
  • Text formatting
  • Emojis
  • Link previews
  • Edit message