How to build a live comments section similar to Youtube Live
Tutorial on using the TalkJS Theme Editor to build a YouTube Live-style group chat with fixed username colors, no bubbles, and compact spacing.
Tutorials
Explore guides and tutorials to integrate the TalkJS chat API and messaging SDK into your web and mobile products.
Latest
How to add a contact form in TalkJS
Tutorial on building a 'get notified by email'-form inside a TalkJS chat popup using Vue.js and HTML panels, including form submission handling.
How to create a channel list in a TalkJS chat
Tutorial on building a clickable Discord or Slack-style channel list in TalkJS, using chatbox.select to switch between conversations tied to each channel.
How to build a chat similar to Upwork with TalkJS
Tutorial on using the TalkJS Theme Editor to recreate the Upwork chat UI, including contract-view header, system messages, and message styling.
How to create direct messaging like on Twitter with TalkJS
Tutorial on using the TalkJS Theme Editor to recreate Twitter's DM interface for both mobile and desktop, including header, bubbles, and layout styling.
How to hide messages for users in a TalkJS chat
Tutorial on using TalkJS's setMessageFilter to show only text messages, attachments, or messages by sender role, and to hide messages from banned users.
How to add audio and video calls to a TalkJS chat
Tutorial on adding audio and video call buttons to a TalkJS chatbox using a custom header and the Daily video API.
Build a messaging inbox similar to Airbnb by using TalkJS
Tutorial on using the TalkJS Theme Editor to recreate the Airbnb messaging inbox, including header, message bubbles, system messages, and layout.
How to create a Slack-like chatbox with TalkJS Themes
Tutorial on using TalkJS Themes to recreate a Slack-style chat UI, including rounded avatars, grouped messages, and a bubble-free layout.
How to build a LinkedIn lookalike chat by using TalkJS
Tutorial on using the TalkJS Theme Editor to recreate the LinkedIn messaging UI, including header, avatar, message bubble, and timestamp styling.
How to create a chat similar to Discord with TalkJS
Tutorial on using the TalkJS Theme Editor to recreate the Discord chat UI, including dark theming, bubble-free messages, and a clickable channel list.
How to build a chat app that looks like WhatsApp with TalkJS
Tutorial on using the TalkJS Theme Editor to recreate the WhatsApp chat UI, including header color, message bubbles, and layout styling.