deep-chat

• Purpose: Deep Chat is a fully customizable AI chat component designed to be easily integrated into websites with minimal code. It supports connecting to various APIs (including popular AI services like OpenAI, HuggingFace, and Cohere) or custom backend services, enabling chatbot functionality with rich features.
• Key Features:
  • Connect to any API or host models directly in the browser.
  • Supports avatars, names, file sharing, webcam photos, microphone audio, and speech-to-text/text-to-speech.
  • Markdown and custom element rendering for structured messages.
  • Introduction panels, dynamic modals, and focus mode for modern chatbot experiences.
  • Direct browser connections to AI APIs (for prototyping/demo purposes).
  • Fully customizable UI and behavior.
• Target Audience: Developers looking to integrate AI chat functionality into their websites or applications with minimal setup.
• Framework Support: Works with React, Vue (2 & 3), Svelte, SvelteKit, Angular, Solid, Next.js, Nuxt, and vanilla JS.
• Latest Updates (v2.2.0):
  • OpenAI Realtime API for speech-to-speech.
  • Focus mode for streamlined chat displays.
  • Custom buttons, multi-message responses, and readable stream API support.
• Examples & Playground: Live demos for frameworks and a no-code Playground for configuration.
• Documentation: Detailed guides on deepchat.dev for setup, customization, and server integration.

Svelte Support: Deep Chat is compatible with Svelte and SvelteKit, with live examples available in the documentation.