# deep-chat - 웹사이트에 바로 삽입 가능한 AI 챗봇 컴포넌트

> Clean Markdown view of GeekNews topic #23398. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=23398](https://news.hada.io/topic?id=23398)
- GeekNews Markdown: [https://news.hada.io/topic/23398.md](https://news.hada.io/topic/23398.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-10-02T09:31:01+09:00
- Updated: 2025-10-02T09:31:01+09:00
- Original source: [github.com/OvidijusParsiunas](https://github.com/OvidijusParsiunas/deep-chat)
- Points: 26
- Comments: 2

## Summary

**AI 챗봇 UI 컴포넌트**를 단 한 줄의 코드로 손쉽게 웹사이트에 삽입할 수 있으며, **음성·영상 입력, 커스텀 파일 전송** 같은 다양한 인터랙션 기능을 포함합니다. OpenAI 등 주요 **AI API 연결**은 물론, 브라우저 내 **LLM 자체 호스팅**, **사용자 정의 백엔드 연동**도 지원해 높은 유연성을 제공합니다. React, Vue 등 **모든 주요 프론트엔드 프레임워크**와 통합되며, Vercel 등에서 즉시 배포할 수 있습니다.

## Topic Body

- 단 한 줄의 코드로 웹사이트에 삽입할 수 있는 **완전 커스터마이즈 가능한 AI 챗봇 UI 컴포넌트**  
- **음성→음성**, **음성→텍스트**, **텍스트→음성** 기능을 포함하여 **카메라·마이크·파일 전송**까지 지원  
- OpenAI, HuggingFace, Cohere 등 주요 AI API와 브라우저에서 직접 연결하거나, **사용자 정의 백엔드 서비스와 연동** 가능  
  - 또는 브라우저 내 **LLM 모델 자체 호스팅** 지원 (서버 연결 불필요)  
- 아바타 및 이름 표시, MarkDown 및 커스텀 요소 렌더링, 코드 블록 지원, **Focus 모드**로 최신 대화만 표시  
- React, Vue, Svelte, Angular, Next, Nuxt, Solid 및 VanillaJS 까지 **모든 주요 UI 프레임워크**와 통합 가능  
- Vercel 등 클라우드 호스팅에 즉시 배포할 수 있음   
- [Playground](https://deepchat.dev/playground)에서 코드 작성 없이 테스트 가능   
- [YouTube 튜토리얼](https://www.youtube.com/@ovi-il4rg/videos)   
- 공식 문서: [deepchat.dev](https://deepchat.dev/)

## Comments



### Comment 44650

- Author: shakespeares
- Created: 2025-10-07T17:40:57+09:00
- Points: 1

agent ui가 너무 많이 쏟아져나와요;;

### Comment 44500

- Author: tested
- Created: 2025-10-02T16:22:21+09:00
- Points: 1

https://github.com/assistant-ui/assistant-ui 중에 뭐가 나으려나