Repolode
Предложить
OvidijusParsiunas

OvidijusParsiunas/deep-chat

Настраиваемый компонент AI-чата, который можно добавить на любой сайт одной строкой HTML и подключить к API LLM или собственному бэкенду.

Открыть на GitHubСайт
Звёзды
3,743
Форки
459
Открытые issues
44
Последний коммит
14 дней назад

Что это?

Deep Chat — фронтенд-компонент чата, который добавляет на веб-страницу интерфейс AI-чатбота. Его можно установить через npm и использовать как обычный HTML-элемент или подключить к React, Vue, Svelte, Angular, Solid и другим фреймворкам.

Компонент может отправлять запросы в ваш сервис или подключаться напрямую из браузера к более чем 20 AI API, например OpenAI и Claude. Прямое подключение предназначено для прототипирования, поскольку при таком подходе API-ключ доступен браузеру. Для production проект рекомендует направлять запросы через прокси-сервер и предоставляет серверные шаблоны для Express, NestJS, Flask, Spring, Go, SvelteKit и Next.js.

Помимо текста, компонент поддерживает отправку и получение файлов, съёмку фото с веб-камеры, запись с микрофона, преобразование речи в текст и текста в речь, а также преобразование речи в речь через OpenAI Realtime API. Вариант с веб-моделью выполняет LLM локально в браузере, без сервера. Сообщения можно отображать в формате Markdown, а стили, аватары, кнопки и модальные окна — настраивать.

Ключевые возможности

  • 01Чат-компонент, который можно установить через npm или использовать с React, Vue, Svelte и другими фреймворками
  • 02Подключение к собственным API или напрямую к более чем 20 AI-провайдерам
  • 03Поддержка загрузки файлов, съёмки с веб-камеры и записи с микрофона
  • 04Преобразование речи в текст для ввода и текста в речь для озвучивания
  • 05Отображение Markdown и настройка стилей сообщений
  • 06Запуск модели в браузере без сервера

Сценарии использования

  • Добавление AI-чатбота поддержки на сайт компании
  • Создание прототипа чат-интерфейса на базе API LLM
  • Создание голосового помощника в браузере
  • Запуск демонстрационного чатбота с локальной моделью в браузере

Быстрый старт

  1. 1

    Установите пакет через npm

    npm install deep-chat
  2. 2

    Если вы используете React, установите вместо него пакет для React

    npm install deep-chat-react
  3. 3

    Добавьте компонент в разметку

    <deep-chat></deep-chat>

Что важно знать

  • При прямом подключении ключи API становятся доступны в браузере, поэтому такой способ подходит только для прототипов и демонстраций.
  • Для подключения к пользовательскому бэкенду сервис должен соответствовать форматам запросов и ответов Deep Chat.

В подборках

ИИ-инструменты для видео и аудиоAI-чатботы и клиенты для чатаГенераторы статических сайтов и инструменты для документации

Темы

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

Частые вопросы

Что такое deep-chat?
Настраиваемый компонент AI-чата, который можно добавить на любой сайт одной строкой HTML и подключить к API LLM или собственному бэкенду. Deep Chat — фронтенд-компонент чата, который добавляет на веб-страницу интерфейс AI-чатбота. Его можно установить через npm и использовать как обычный HTML-элемент или подключить к React, Vue, Svelte, Angular, Solid и другим фреймворкам.
deep-chat можно использовать бесплатно? Какая у него лицензия?
deep-chat распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
deep-chat всё ещё поддерживается?
Активно поддерживается. Последний коммит в deep-chat — 24 окт. 2026 г..
Для чего можно использовать deep-chat?
Добавление AI-чатбота поддержки на сайт компании Создание прототипа чат-интерфейса на базе API LLM Создание голосового помощника в браузере Запуск демонстрационного чатбота с локальной моделью в браузере
Как установить deep-chat?
Установите пакет через npm: npm install deep-chat Если вы используете React, установите вместо него пакет для React: npm install deep-chat-react Добавьте компонент в разметку: <deep-chat></deep-chat>
Где скачать deep-chat?
Исходный код и инструкции по установке — на GitHub: https://github.com/OvidijusParsiunas/deep-chat

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты