The theme editor in your TalkJS dashboard lets you tailor the look and feel of the TalkJS user interface to match your brand style. You can edit the default theme directly, or create your own theme from scratch.

Each theme comes with a large number of customizable theme components. This includes top-level components such as the chat header at the top of a chat, the user message, and the message field in which users can type messages, or send attachments and voice recordings. It also includes subcomponents that are rendered by a top level component in a theme, such as the user’s avatar and the typing indicator that shows when a user is typing.

A chatbox with a conversation and annotations for a selection of customizable theme components. Annotated components are: the chat header at the top, a user message, an avatar, a typing indicator, and the message field at the bottom.
Examples of customizable theme components

We’re continuously expanding the range of components that you can customize. Additional UI components will be available to edit soon.

Read more on customizable theme components.

You’ve successfully subscribed to TalkJS
Welcome back! You’ve successfully signed in.
Great! You’ve successfully signed up.
Your link has expired
Success! Check your email for magic link to sign-in.