Repolode
Enviar
OvidijusParsiunas

OvidijusParsiunas/deep-chat

Um componente personalizável de chat com IA que você pode adicionar a qualquer site com uma linha de HTML, conectado a APIs de LLM ou ao seu próprio backend.

Ver no GitHubSite
Estrelas
3,743
Forks
459
Issues abertas
44
Último commit
há 14 dias

O que é?

Deep Chat é um componente de chat front-end que adiciona uma interface de chatbot com IA a uma página web. Ele pode ser instalado via npm e usado como um elemento HTML comum, ou integrado ao React, Vue, Svelte, Angular, Solid e outros frameworks.

O componente pode enviar requisições para o seu próprio serviço ou se conectar diretamente do navegador a mais de 20 APIs de IA, como OpenAI e Claude. As conexões diretas são voltadas à prototipagem, pois expõem a API key no navegador. Para produção, o projeto recomenda encaminhar as requisições por um servidor proxy e oferece templates de servidor para Express, NestJS, Flask, Spring, Go, SvelteKit e Next.js.

Além de texto, o componente oferece suporte ao envio e recebimento de arquivos, captura de fotos pela webcam, gravação pelo microfone, conversão de fala em texto e de texto em fala, além de conversação por voz usando a OpenAI Realtime API. Uma opção de modelo web executada no navegador roda um LLM localmente, sem servidor. As mensagens podem ser renderizadas em Markdown, e é possível personalizar estilos, avatares, botões e modais.

Recursos principais

  • 01Elemento de chat pronto para adicionar, instalável via npm ou integrável ao React, Vue, Svelte e outros frameworks
  • 02Conecta-se a APIs personalizadas ou diretamente a mais de 20 provedores de IA
  • 03Oferece suporte ao envio de arquivos, captura pela webcam e gravação pelo microfone
  • 04Entrada com conversão de fala em texto e saída com conversão de texto em fala
  • 05Renderização de Markdown e personalização do estilo das mensagens
  • 06Hospedagem de modelos no navegador, sem necessidade de servidor

Casos de uso

  • Adicionar um chatbot de suporte com IA ao site de uma empresa
  • Prototipar uma interface de chat sobre uma API de LLM
  • Criar um assistente com recursos de voz no navegador
  • Executar um chatbot de demonstração com um modelo local no navegador

Início rápido

  1. 1

    Instale o pacote via npm

    npm install deep-chat
  2. 2

    Se estiver usando React, instale o pacote para React em vez deste

    npm install deep-chat-react
  3. 3

    Adicione o componente à sua marcação

    <deep-chat></deep-chat>

Antes de usar

  • A conexão direta expõe as chaves de API no navegador e deve ser usada apenas para protótipos ou demonstrações.
  • Para se conectar a um backend personalizado, o serviço precisa seguir os formatos de solicitação e resposta do Deep Chat.

Em coleções

Ferramentas de vídeo e áudio com IAChatbots de IA e clientes de chatGeradores de sites estáticos e ferramentas de documentação

Tópicos

#chatbot#ui-component#llm#openai#web-components#markdown#speech-to-text#frontend-chat#ai#ai-chatbot

Perguntas frequentes

O que é deep-chat?
Um componente personalizável de chat com IA que você pode adicionar a qualquer site com uma linha de HTML, conectado a APIs de LLM ou ao seu próprio backend. Deep Chat é um componente de chat front-end que adiciona uma interface de chatbot com IA a uma página web. Ele pode ser instalado via npm e usado como um elemento HTML comum, ou integrado ao React, Vue, Svelte, Angular, Solid e outros frameworks.
deep-chat é gratuito? Qual é a licença?
deep-chat é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
deep-chat ainda é mantido?
Manutenção ativa. O último commit de deep-chat foi em 24 de out. de 2026.
Para que posso usar deep-chat?
Adicionar um chatbot de suporte com IA ao site de uma empresa Prototipar uma interface de chat sobre uma API de LLM Criar um assistente com recursos de voz no navegador Executar um chatbot de demonstração com um modelo local no navegador
Como instalar deep-chat?
Instale o pacote via npm: npm install deep-chat Se estiver usando React, instale o pacote para React em vez deste: npm install deep-chat-react Adicione o componente à sua marcação: <deep-chat></deep-chat>
Onde consigo deep-chat?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/OvidijusParsiunas/deep-chat

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados