Repolode
Enviar
OvidijusParsiunas

OvidijusParsiunas/deep-chat

Componente de interfaz de chat con IA personalizable que puedes añadir a cualquier sitio web con una línea de HTML y conectar a APIs de LLM o a tu propio backend.

Ver en GitHubSitio web
Estrellas
3,743
Forks
459
Issues abiertos
44
Último commit
hace 14 días

¿Qué es?

Deep Chat es un componente de chat de front-end que añade una interfaz de chatbot con IA a una página web. Se puede instalar mediante npm y usar como elemento HTML estándar, o integrar con React, Vue, Svelte, Angular, Solid y otros frameworks.

El componente puede enviar solicitudes a tu propio servicio o conectarse directamente desde el navegador a más de 20 APIs de IA, como OpenAI y Claude. Las conexiones directas están pensadas para crear prototipos, porque exponen la API key en el navegador. Para producción, el proyecto recomienda enrutar las solicitudes a través de un servidor proxy y ofrece plantillas de servidor para Express, NestJS, Flask, Spring, Go, SvelteKit y Next.js.

Además de texto, admite el envío y la recepción de archivos, la captura de fotos con la cámara web, la grabación con el micrófono, la conversión de voz a texto y de texto a voz, y la conversión de voz a voz mediante OpenAI Realtime API. Una opción de modelo web del lado del navegador ejecuta un LLM localmente, sin servidor. Los mensajes se pueden mostrar como Markdown y se pueden personalizar los estilos, los avatares, los botones y los modales.

Funciones clave

  • 01Elemento de chat que se puede añadir directamente, instalar mediante npm o usar con React, Vue, Svelte y otros frameworks
  • 02Se conecta a APIs personalizadas o directamente a más de 20 proveedores de IA
  • 03Admite la carga de archivos, la captura con la cámara web y la grabación con el micrófono
  • 04Entrada de voz a texto y salida de texto a voz
  • 05Renderizado de Markdown y estilos de mensaje personalizables
  • 06Ejecución de modelos en el navegador, sin necesidad de servidor

Casos de uso

  • Añadir un chatbot de soporte con IA al sitio web de una empresa
  • Crear un prototipo de interfaz de chat basada en una API de LLM
  • Crear un asistente con voz que funcione en el navegador
  • Ejecutar un chatbot de demostración con un modelo local en el navegador

Inicio rápido

  1. 1

    Instala el paquete con npm

    npm install deep-chat
  2. 2

    Si usas React, instala en su lugar el paquete para React

    npm install deep-chat-react
  3. 3

    Añade el componente a tu marcado

    <deep-chat></deep-chat>

Antes de usarlo

  • La conexión directa expone las claves de API en el navegador y está pensada únicamente para prototipos o demostraciones.
  • Para conectarse a un backend personalizado, el servicio debe ajustarse a los formatos de solicitud y respuesta de Deep Chat.

En colecciones

Herramientas de vídeo y audio con IAChatbots de IA y clientes de chatGeneradores de sitios estáticos y herramientas de documentación

Temas

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

Preguntas frecuentes

¿Qué es deep-chat?
Componente de interfaz de chat con IA personalizable que puedes añadir a cualquier sitio web con una línea de HTML y conectar a APIs de LLM o a tu propio backend. Deep Chat es un componente de chat de front-end que añade una interfaz de chatbot con IA a una página web. Se puede instalar mediante npm y usar como elemento HTML estándar, o integrar con React, Vue, Svelte, Angular, Solid y otros frameworks.
¿deep-chat es gratuito? ¿Qué licencia tiene?
deep-chat es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿deep-chat sigue mantenido?
Mantenimiento activo. El último commit de deep-chat fue el 24 oct 2026.
¿Para qué puedo usar deep-chat?
Añadir un chatbot de soporte con IA al sitio web de una empresa Crear un prototipo de interfaz de chat basada en una API de LLM Crear un asistente con voz que funcione en el navegador Ejecutar un chatbot de demostración con un modelo local en el navegador
¿Cómo se instala deep-chat?
Instala el paquete con npm: npm install deep-chat Si usas React, instala en su lugar el paquete para React: npm install deep-chat-react Añade el componente a tu marcado: <deep-chat></deep-chat>
¿Dónde consigo deep-chat?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/OvidijusParsiunas/deep-chat

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados