--- url: https://talkjs.com/docs/Code_Samples/ title: "Code samples | TalkJS Docs" --- For AI agents: Find a documentation index at https://talkjs.com/llms.txt (full content at https://talkjs.com/llms-full.txt). Get a markdown version of any page by appending .md to its URL path. # Code samples Browse example projects and integrations. ### Filter Classic JavaScript SDKCustom featuresAndroidFlutterReact NativeAIREST APIWebhooksSimilar toPHPClassic React SDKPythonVueAngular.NETJava Show more [ #### TalkJS and Android How to embed TalkJS into a WebView using Android. Android ](https://github.com/talkjs/talkjs-examples/tree/master/android/basic-example)[ #### Android file upload How to implement file upload support in Android's WebView. Android ](https://github.com/talkjs/talkjs-examples/tree/master/android/file-upload-example)[ #### TalkJS and Angular Add chat to your Angular app with TalkJS. AngularClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/angular/angular-getting-started)[ #### Claude integration Add Claude to your chat TalkJS chat with the Anthropic API. AIClassic JavaScript SDKREST APIWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/chatbot-integration/anthropic-claude)[ #### Gemini integration Add AI to your chat using Google's Gemini. AIClassic JavaScript SDKREST APIWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/chatbot-integration/google-gemini)[ #### ChatGPT integration Add a ChatGPT-powered chatbot to your chat with the OpenAI API. AIClassic JavaScript SDKREST APIWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/chatbot-integration/openai-chatgpt)[ #### TalkJS and Blazor Add chat to your Blazor app with TalkJS. Classic JavaScript SDK.NET ](https://github.com/talkjs/talkjs-examples/tree/master/csharp/blazor_talkjs)[ #### TalkJS and Django Add chat to your Django app with TalkJS. Classic JavaScript SDKPython ](https://github.com/talkjs/talkjs-examples/tree/master/django/django_talkjs)[ #### Django gaming chat Add chat into a Django gaming app with TalkJS. Classic JavaScript SDKPython ](https://github.com/talkjs/talkjs-examples/tree/master/django/gameschat)[ #### TalkJS and Flask Add chat into your Flask app with TalkJS. Classic JavaScript SDKPython ](https://github.com/talkjs/talkjs-examples/tree/master/flask/basic-example)[ #### TalkJS and Flutter Add chat to your Flutter app with TalkJS. Flutter ](https://github.com/talkjs/talkjs-examples/tree/master/flutter_sdk/basic-example)[ #### Create a new conversation Add a button to a create a new conversation to your chat. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-add-a-create_new_chat-button-in-talkjs)[ #### Email signup form Add an email signup form to your Vue chat app. Custom featuresClassic JavaScript SDKVue ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-add-a-custom-ui-talkjs-htmlpanels-with-vue)[ #### GIF picker Add a GIF picker to your chat with Giphy. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-add-a-gif-picker-to-your-talkjs-chat)[ #### Hidden users Add a hidden user tor you chat, for example for support agents or admins. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-add-a-hidden-user-to-a-talkjs-conversation)[ #### Forward messages Add the option to forward messages to your chat. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-add-forwarding)[ #### Inbox tabs Add tabs for chats, contacts, and groups to your inbox. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-add-tabs-to-your-inbox)[ #### Archive conversations Add the option to archive a conversation to your chat using webhooks and the REST API. Custom featuresClassic JavaScript SDKREST APIWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-archive-a-conversation)[ #### Like WhatsApp Build a chat app like WhatsApp using TalkJS. Classic JavaScript SDKSimilar to ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-build-a-chat-app-that-looks-like-whatsapp-with-talkjs-chat-api)[ #### Like UpWork Build a chat like on Upwork using TalkJS. Classic JavaScript SDKSimilar to ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-build-a-chat-similar-to-upwork-with-talkjs)[ #### Like LinkedIn Build a messaging center like on LinkedIn using TalkJS. Classic JavaScript SDKSimilar to ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-build-a-chat-that-looks-like-linkedin-chat-with-talkjs-chat-api)[ #### Like Airbnb Build a messaging inbox like on Airbnb using TalkJS. Classic JavaScript SDKSimilar to ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-build-an-airbnb-chat-lookalike-with-talkjs)[ #### Support chat Build a support chat with TalkJS. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-build-custom-support-chat-solution)[ #### Channel list Add a channel list like on Slack or Discord to your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-a-channel-list-in-talkjs-chat)[ #### Direct messages Build a direct message chat with a contact list using TalkJS. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-a-direct-message-chat-with-contact-list)[ #### Message center Build a message center with TalkJS. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-a-message-center)[ #### Polls Add polls to your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-a-poll)[ #### Pop-up inbox Build a conversation list inbox inside a pop-up element. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-a-popup-inbox)[ #### Like YouTube Build a live comments section like on YouTube Live with TalkJS. Similar toClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-a-youtube-chatroom)[ #### Like X Build direct messages like on X (formerly Twitter) with TalkJS. Similar toClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-create-direct-messages-like-on-twitter-with-the-talkjs-chat-api)[ #### Delete a conversation Add the option to delete a conversation to your chat, using the REST API. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-delete-a-conversation)[ #### Hide messages Add the option to hide messages for certain users to your chat. Custom featuresClassic JavaScript SDKPHP ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-hide-some-chat-messages-for-certain-users-in-a-talkjs-chat)[ #### Webhooks with ngrok Receive webhook events locally with ngrok. Classic JavaScript SDKWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-integrate-ngrok-with-talkjs-to-receive-webhooks)[ #### Visitor chat Allow visitors to join your chat without registering for an account. Custom featuresClassic JavaScript SDKPHP ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-let-visitors-join-a-chat)[ #### Read-only conversations Add the option to set a conversation to read-only to your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-lock-a-conversation-to-read-only)[ #### Profile links Add user profile links to your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-make-a-clickable-profile-link)[ #### Threads Add the option to reply in threads to your chat using the REST API. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-make-a-threaded-chat)[ #### Conversation tabs Add the option to open conversations in separate tabs to your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-make-clickable-tabs-for-conversations)[ #### Mark conversation as answered Add a the option to mark a conversation as answered to your chat. Custom featuresClassic JavaScript SDKREST APIWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-mark-a-conversation-as-answered)[ #### Mute conversations Add the option to mute a conversation to your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-mute-a-conversation)[ #### Automatic away messages Set an automatic away message using the REST API. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-set-an-away-message)[ #### Shard a conversation Shard a conversation for large group chats or livestreams. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-shard-a-conversation)[ #### Styling with custom data Use custom data to style your chat. Custom featuresClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/howtos/how-to-use-custom-data-to-style-your-talkjs-chat)[ #### TalkJS and Spring Boot Add chat to your Spring Boot app with TalkJS. JavaClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/java/spring-boot)[ #### TalkJS and Node.js Add chat to your Node.js app with TalkJS. Classic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/nodejs/basic-example)[ #### TalkJS and Laravel Add chat to your Laravel app with TalkJS. Classic JavaScript SDKPHP ](https://github.com/talkjs/talkjs-examples/tree/master/php/laravel-integration)[ #### TalkJS and React Add chat to your React app with TalkJS. Classic React SDK ](https://github.com/talkjs/talkjs-examples/tree/master/react-classic-sdk/basic-example)[ #### TalkJS and Next.js Add chat to your Next.js app with TalkJS. Classic React SDK ](https://github.com/talkjs/talkjs-examples/tree/master/react-classic-sdk/next.js)[ #### Team chat Build a team chat like Slack or Team, using TalkJS. Classic React SDK ](https://github.com/talkjs/talkjs-examples/tree/master/react-classic-sdk/remote-work-demo)[ #### Team chat with reply threads Build a team chat with reply threads. Classic React SDK ](https://github.com/talkjs/talkjs-examples/tree/master/react-classic-sdk/team-chat-with-threads)[ #### TalkJS and React Native (with React Native Navigation) Add chat to your React Native app with TalkJS, using the React Native Navigation library. React NativeClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/react-native/basic-example/ReactNativeNavigationExample)[ #### TalkJS and React Native (with React Navigation) Add chat to your React Native app with TalkJS, using the React Navigation library. React NativeClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/react-native/basic-example/ReactNavigationExample)[ #### Anonymize user data Anonymize user data using the REST API. Classic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/rest-api/anonymizing-user)[ #### Update conversation details Edit the title and image of a conversation using the REST API. Classic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/rest-api/edit-conversation-image-title)[ #### Export your chat data Export all your chat data using Node.js and the REST API. Classic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/rest-api/export-data)[ #### Migrate to TalkJS from Sendbird A script to import your Sendbird data into TalkJS. Classic JavaScript SDKMigrate to TalkJSREST API ](https://github.com/talkjs/talkjs-examples/tree/master/rest-api/migrate-data-from-sendbird-to-talkjs)[ #### Product carousel Add a product carousel to your chat. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/rest-api/talkjs-html-panels-advanced)[ #### Zoom integration Start Zoom calls directly from your chat. Custom featuresClassic JavaScript SDKREST API ](https://github.com/talkjs/talkjs-examples/tree/master/rest-api/talkjs-zoom-integration)[ #### TalkJS and Rails Add chat to your Rails app with TalkJS. Classic JavaScript SDKRuby ](https://github.com/talkjs/talkjs-examples/tree/master/ruby/rails-talkjs)[ #### TalkJS and Svelte Integrate chat into your Svelte app using SvelteKit. SvelteClassic JavaScript SDK ](https://github.com/talkjs/talkjs-examples/tree/master/svelte/sveltekit)[ #### TalkJS and Vue Example code for the Vue getting started guide. Classic JavaScript SDKVue ](https://github.com/talkjs/talkjs-examples/tree/master/vue/vue-getting-started)[ #### Webhooks with Node.js Use webhooks with your TalkJS chat using Node.js. Classic JavaScript SDKWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/webhooks/nodejs/express-webhook)[ #### Webhooks with PHP Use webhooks with your TalkJS chat using PHP. PHPWebhooks ](https://github.com/talkjs/talkjs-examples/tree/master/webhooks/php)