React widget

React chat widget you can easily embed into any website or app

With a TalkJS React widget you can take frontend development out of the equation. Get going with the default widget, or customize the design to fit your app.
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
Great! I'll order now!
Avatar
Sara
10m ago
Hey team, I'm reviewing the budget for the next quarter and we have some available for training. You got any in mind?
Avatar
Franco
8m ago
Nice! Yeah, there were a couple of React courses I wanted to do online.
Avatar
Carli
7m ago
I wanted to find an interative design course. I'll do some research!
Avatar
Denzel
2m ago
Cool. I'll also give it some thought.
Say something...

Integrate the React widget with just 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.

1import { Session, Chatbox } from "@talkjs/react";
2
3<Session appId="t824ba8" userId="pete">
4 <Chatbox conversation="workshop" className="chatbox"/>
5</Session>
Customize the chat widget design

You can customize the chat UI with HTML and CSS to exactly meet your needs. With TalkJS Themes you have complete control over the styling, layout, and document structure of the chat messages. You can even show metadata.

Themes illustration

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
Ready to get started?
Build any chat use case into your product — in minutes — with just a few lines of code.