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 customize the design to fit your product perfectly.
Search...
Avatar
Avatar
4
Lunch order
2m
Voice message from Tyrone
6
Avatar
Lucy Last
20m
Let's set up a subscription then...
17
Avatar
Avatar
4
Lunch order
Suzi, Frank, Abigail, Tyrone
Avatar
Suzi
10m ago
Hey guys, I'm thinking of ordering pizza for lunch. What would you like?
Avatar
Frank
8m ago
Nice! I think I'll go with the trusty margherita, please! Can't go wrong 🍕🍕
Avatar
Abigail
7m ago
Safe choice @Frank. I'll be bold and controversial and go for pineapple 🍍
Avatar
Tyrone
2m ago
00:12
1x
Say something...
Pre-built chat UIs

Our plug and play UI supports three different layouts — that are highly customizable — 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
The TalkJS Inbox shows the chat history on the left, selected conversation on the right. It's designed to act as the messaging center of your app, usually living on its own page.
Read the Inbox docs
Chatbox
The Chatbox is just the right half of the Inbox UI mode. It takes up less space and is designed to be embedded in your app near an order confirmation, a booking, or user profile.
Read the Chatbox docs
Popup
You can also show a conversation in a React popup that only shows up when the user clicks a button somewhere. When shown, the popup is positioned on the bottom right of your page.
Read the Popup docs
The power of TalkJS is that it's highly customizable 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 customize 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