[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10690":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":47,"readmeContent":48,"aiSummary":49,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":50,"discoverSource":51},10690,"deep-chat","OvidijusParsiunas\u002Fdeep-chat","OvidijusParsiunas","Fully customizable AI chatbot component for your website","https:\u002F\u002Fdeepchat.dev",null,"TypeScript",3635,445,39,32,0,2,9,36,7,29.95,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"ai","ai-chatbot","chat","chatbot","chatgpt","claude","component","deepseek","gemini","huggingface","next","nextjs","ollama","openai","react","react-chatbot","realtime","solid","svelte","vue","2026-06-12 02:02:25","\u003Cbr \u002F>\n\n![Deep Chat](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F1e60ad6f-7825-40d7-8b1a-f7bb52e6fbff)\n\n\u003Cb>Deep Chat\u003C\u002Fb> is a fully customizable AI chat component that can be injected into your website with just _one line of code_. Whether you want to create a chatbot that leverages popular APIs such as ChatGPT or connect to your own custom service, this component can do it all! Explore [deepchat.dev](https:\u002F\u002Fdeepchat.dev\u002F) to view all of the available features, how to use them, examples and more!\n\n### :rocket: Main Features\n\n- Connect to any API\n- Avatars\n- Names\n- Send\u002FReceive files\n- Capture photos via webcam\n- Record audio via microphone\n- Speech To Speech communication\n- Speech To Text for message input\n- Text To Speech to hear message responses\n- Support for MarkDown and custom elements to help structure text and render code\n- Introduction panel and dynamic modals to help describe functionality for your users\n- Connect to more than 20 popular AI APIs such as OpenAI or Claude directly from the browser\n- Communicate with Speech to Speech models\n- Support for all major ui frameworks\u002Flibraries\n- Host a model on the browser\n- Focus mode to only display the latest messages\n- Everything is customizable!\n\n### :tada: Latest Updates\n\nDeep Chat version `2.4.0` brings a ton of new features into the Deep Chat ecosystem:\n\n- New [`scrollButton`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002F#scrollButton) and [`hiddenMessages`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002F#hiddenMessages) components used to enhance UX in long conversations!\n- [`upwardsMode`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmodes#upwardsMode) can be used to populate messages upwards.\n- [`directConnection`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002FdirectConnection) now supports [`Open WebUI`](https:\u002F\u002Fdocs.openwebui.com\u002F).\n- [`browserStoarage`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002F#browserStorage) can now store `inputText` and `scrollHeight` values for better session recovery experience.\n- See [release notes](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Freleases\u002Ftag\u002F2.4.0) for more!\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"960\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F5b0ef318-8e76-46bd-a3fa-62281a2afc80\" alt=\"version 2.4.0\">\n\u003C\u002Fp>\n\n`2.3.0` update:\n\n- [`directConnection`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002FdirectConnection) now supports more than 20 AI APIs!\n- [`htmlWrappers`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002F#browserStorage) can now be used to standardize custom styling for all messages.\n- You can now use custom plugins for [remarkable](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002Fstyles#remarkable) such as [Katex](https:\u002F\u002Fkatex.org\u002F).\n- Change the loading bubble style via the `toggle` function in [`displayLoadingBubble`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002F#displayLoadingBubble).\n- See [release notes](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Freleases\u002Ftag\u002F2.3.0) for more!\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"960\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fe4202e3d-d740-4218-aa46-769622b519a7\" alt=\"version 2.3.0\">\n\u003C\u002Fp>\n\n`2.2.2` update:\n\n- [`browserStorage`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002F#browserStorage) allows you to store messages locally on your browser without worrying about a backend message integration.\n- Button [tooltips](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fstyles\u002Fbuttons#Tooltip).\n- Place your streamed messages inside custom [`htmlWrappers`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmessages\u002FHTML#htmlWrappers).\n- See [release notes](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Freleases\u002Ftag\u002F2.2.2) for more!\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"960\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F51e900ea-43c6-41ca-b255-8b7d59285b26\" alt=\"version 2.2.2\">\n\u003C\u002Fp>\n\n`2.2.0` update:\n\n- [OpenAI Realtime API](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002FdirectConnection\u002FOpenAI\u002FOpenAIRealtime) for Speech to Speech communication\n- [Focus mode](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fmodes#focusMode) to only display the latest message exchanges and provide a modern AI Chatbot experience\n- [Custom buttons](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fstyles\u002Fbuttons#customButtons)\n- A [Response](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fconnect#Response) can now have multiple messages\n- Ability to connect to [Readable Stream APIs](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fconnect#Stream)\n- See [release notes](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Freleases\u002Ftag\u002F2.2.0) for more!\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"1000\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F6089a0b4-0fe6-43e9-b9ce-840a9cfda885\" alt=\"version 2.2.0\">\n\u003C\u002Fp>\n\n### :computer: Getting started\n\n```\nnpm install deep-chat\n```\n\nIf using React, install the following instead:\n\n```\nnpm install deep-chat-react\n```\n\nSimply add the following to your markup:\n\n```\n\u003Cdeep-chat>\u003C\u002Fdeep-chat>\n```\n\nThe exact syntax for the above will vary depending on the framework of your choice ([see here](https:\u002F\u002Fdeepchat.dev\u002Fexamples\u002Fframeworks)).\n\n### :computer: Install with AI\n\nUse the [llms.txt](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fblob\u002Fmain\u002Fllms.txt) file as a reference for installing and configuring Deep Chat with your code assistant:\n\n```\n\"Use https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fblob\u002Fmain\u002Fllms.txt to add a chat component to my website.\"\n```\n\n### :zap: Connect\n\n![Connect](.\u002Fassets\u002Freadme\u002Fconnect.png)\n\nConnecting to a service is simple, all you need to do is define its API details using the [`request`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fconnect#request) property:\n\n```\n\u003Cdeep-chat request='{\"url\":\"https:\u002F\u002Fservice.com\u002Fchat\"}'\u002F>\n```\n\nThe service will need to be able to handle request and response formats used in Deep Chat. Please read the [Connect](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fconnect) section in documentation and check out the [server template](https:\u002F\u002Fdeepchat.dev\u002Fexamples\u002Fservers) examples.\n\nAlternatively, if you want to connect without changing the target service, use the [`interceptor`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Finterceptors) properties to augment the transferred objects or the [`handler`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fconnect#Handler) function to control the request code.\n\n### :electric_plug: Direct connection\n\n![Direct connection](.\u002Fassets\u002Freadme\u002Fdirect-connect.png)\n\nConnect to popular AI APIs directly from the browser via the use of the [`directConnection`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002FdirectConnection\u002F#directConnection) property:\n\n```\n\u003Cdeep-chat directConnection='{\"openAI\":true}'\u002F>\n\n\u003Cdeep-chat directConnection='{\"openAI\":{\"key\": \"optional-key-here\"}}'\u002F>\n```\n\nPlease note that this approach should be used for local\u002Fprototyping\u002Fdemo purposes ONLY as it exposes the API Key to the browser. When ready to go live, please switch to using the [`connect`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fconnect#connect-1) property described above along with a [proxy service](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers).\n\n### :robot: Web model\n\n![Web Model](https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fassets\u002F18709577\u002F83936e6f-d0c1-42b7-ab61-ac75d7803660)\n\nNo servers, no connections, host an LLM model entirely on your browser.\n\nSimply add the [deep-chat-web-llm](https:\u002F\u002Fdeepchat.dev\u002Fexamples\u002FexternalModules) module and define the [webModel](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002FwebModel) property:\n\n```\n\u003Cdeep-chat webModel=\"true\" \u002F>\n```\n\n### :camera: :microphone: Camera and Microphone\n\n![Capture](.\u002Fassets\u002Freadme\u002Fcapture.png)\n\nUse Deep Chat to capture photos with your webcam and record audio with the microphone. You can enable this using the [`camera`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Ffiles#camera) and [`microphone`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Ffiles#microphone) properties:\n\n```\n\u003Cdeep-chat camera=\"true\" microphone=\"true\" ...other properties \u002F>\n```\n\n### :microphone: :sound: Speech\n\nhttps:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fassets\u002F18709577\u002Fe103a42e-b3a7-4449-b9db-73fed6d7876e\n\nInput text with your voice using Speech To Text capabilities and have the responses read out to you with Text To Speech. You can enable this functionality via the [`speechToText`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fspeech#speechToText) and [`textToSpeech`](https:\u002F\u002Fdeepchat.dev\u002Fdocs\u002Fspeech#textToSpeech) properties.\n\n```\n\u003Cdeep-chat speechToText=\"true\" textToSpeech=\"true\" ...other properties \u002F>\n```\n\n### :beginner: Examples\n\nCheck out live codepen examples for your [UI framework\u002Flibrary](https:\u002F\u002Fdeepchat.dev\u002Fexamples\u002Fframeworks) of choice:\n\n| React                                                                                                                                                   | Vue 2                                                                                                                                                   | Vue 3                                                                                                                                                | Svelte                                                                                                                                                       | SvelteKit                                                                                                                                                                                               | Angular                                                                                                                                                                             | Solid                                                                                                                                                   | Next                                                                                                                                  | Nuxt                                                                                                                                                 | VanillaJS                                                                                                                                                         |\n| ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fdeep-chat-react?file=src%2FApp.tsx\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FreactLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fcodesandbox.io\u002Fs\u002Fdeep-chat-vue2-cdqpt2?file=\u002Fsrc\u002FApp.vue\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FvueLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fdeep-chat-vue3?file=src%2FApp.vue\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FvueLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fdeep-chat-svelte?file=src%2FApp.svelte\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FsvelteLogo.png\" width=\"45\"\u002F>\u003C\u002Fa> | \u003Cdiv align=\"center\">\u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fdeep-chat-sveltekit?file=src%2Froutes%2F%2Bpage.svelte\" target=\"_blank\" >\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FsvelteLogo.png\" width=\"45\"\u002F>\u003C\u002Fa>\u003C\u002Fdiv> | \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fstackblitz-starters-7gygrp?file=src%2Fapp%2Fapp.component.ts\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FangularLogo.png\" width=\"66\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fdeep-chat-solid?file=src%2FApp.tsx\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FsolidLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fdeepchat.dev\u002Fexamples\u002Fframeworks#next\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FnextLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fnuxt-starter-vwz6pg?file=app.vue\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FnuxtLogo.png\" width=\"70\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fcodesandbox.io\u002Fs\u002Fdeep-chat-vanillajs-v2ywnv?file=\u002Findex.html\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FvanillaJSLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> |\n\nSetting up your own server has never been easier with the following [server templates](https:\u002F\u002Fdeepchat.dev\u002Fexamples\u002Fservers). From creating your own service to establishing proxies for other APIs such as OpenAI, everything has been documented with clear examples to get you up and running in seconds:\n\n| Express                                                                                                                                                                          | Nest                                                                                                                                                                         | Flask                                                                                                                                                                          | Spring                                                                                                                                                                                 | Go                                                                                                                                                                | SvelteKit                                                                                                                                                                                               | Next                                                                                                                                                                    |\n| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fnode\u002Fexpress\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FexpressLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fnode\u002Fnestjs\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FnestLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fpython\u002Fflask\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FflaskLogo.png\" width=\"60\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fjava\u002Fspringboot\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FspringBootLogo.png\" width=\"50\"\u002F>\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fgo\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FgoLogo.png\" width=\"40\"\u002F>\u003C\u002Fa> | \u003Cdiv align=\"center\">\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fsveltekit\" target=\"_blank\" >\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FsvelteLogo.png\" width=\"45\"\u002F>\u003C\u002Fa>\u003C\u002Fdiv> | \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Ftree\u002Fmain\u002Fexample-servers\u002Fnextjs\" target=\"_blank\">\u003Cimg src=\".\u002Fwebsite\u002Fstatic\u002Fimg\u002FnextLogo.png\" width=\"55\"\u002F>\u003C\u002Fa> |\n\nAll examples are ready to be deployed on a hosting platform such as [Vercel](https:\u002F\u002Fvercel.com\u002F).\n\n## :tv: Tutorials\n\nDemo videos are available on [YouTube](https:\u002F\u002Fwww.youtube.com\u002F@ovi-il4rg\u002Fvideos):\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@ovi-il4rg\u002Fvideos\">\n        \u003Cimg width=\"1000\" src=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fassets\u002F18709577\u002F29cc292b-5964-4f06-ba39-6ae3f8585944\" alt=\"Videos\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n## :joystick: Playground\n\nCreate, configure and use Deep Chat components without writing any code in the official [Playground](https:\u002F\u002Fdeepchat.dev\u002Fplayground)!\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"750\" src=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fassets\u002F18709577\u002F57ab8d3f-defe-40f3-a0af-451f6159bbb2\" alt=\"Playground\">\n\u003C\u002Fp>\n\n:tada: \u003Cb>Update\u003C\u002Fb> - components can now be stretched to full screen dimensions using the new \u003Cb>Expanded View\u003C\u002Fb>:\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"750\" src=\"https:\u002F\u002Fgithub.com\u002FOvidijusParsiunas\u002Fdeep-chat\u002Fassets\u002F18709577\u002F6b78907c-c4c2-44de-b4c7-d73c1e887fa8\" alt=\"Expanded View\">\n\u003C\u002Fp>\n\n## :heart: Contributions\n\nOpen source is built by the community for the community. All contributions to this project are welcome!\u003Cbr>\nAdditionally, if you have any suggestions for enhancements, ideas on how to take the project further or have discovered a bug, do not hesitate to create a new issue ticket and we will look into it as soon as possible!\n","Deep Chat 是一个完全可定制的AI聊天组件，可以轻松集成到您的网站中。它支持连接到包括ChatGPT、Claude等在内的20多种流行AI API，并提供丰富的交互功能，如文件发送\u002F接收、通过网络摄像头拍照、麦克风录音、语音转文字和文字转语音等。此外，Deep Chat还支持Markdown格式化文本、自定义UI元素及多种主流前端框架（React、Vue、Svelte等）。该组件非常适合需要在网站上添加智能对话功能的企业或个人开发者使用，无论是客户服务、产品咨询还是教育辅助等场景都能得到很好的应用。","2026-06-11 03:29:45","top_topic"]