richardgill/llm-ui

어떤 프로젝트인가요?

핵심 기능

• 01부분적으로 스트리밍된 출력에서 깨진 Markdown 구문을 제거합니다.
• 02전달이 잠시 멈춰도 스트리밍 텍스트가 부드럽게 표시되도록 throttling을 적용합니다.
• 03브라우저의 기본 프레임 속도로 업데이트를 렌더링합니다.
• 04Shiki를 통해 모든 언어의 코드 블록을 구문 강조합니다.
• 05LLM 출력에 사용자 지정 React 컴포넌트를 추가할 수 있습니다.
• 06headless 방식이므로 스타일링을 자유롭게 구성할 수 있습니다.

활용 사례

• LLM API의 응답을 스트리밍으로 표시하는 채팅 인터페이스 구축
• React 웹 앱에서 AI 어시스턴트의 Markdown과 코드를 렌더링
• AI가 생성한 답변에 사용자 지정 대화형 위젯 삽입

빠른 시작

1. 1

   llm-ui 패키지를 설치하세요

2. 2

   사용 방법은 문서를 확인하세요

사용 전 알아둘 점

• !README에 설치 명령어가 없어 설정에 관한 자세한 내용은 외부 문서를 참조해야 합니다.

포함된 컬렉션

토픽

자주 묻는 질문

llm-ui은(는) 무엇인가요?

스트리밍 중인 LLM 출력을 렌더링하고, 깨진 Markdown을 정리하며, 사용자 지정 컴포넌트와 구문 강조 코드 블록을 지원하는 React 컴포넌트 라이브러리입니다. llm-ui는 대규모 언어 모델이 생성한 텍스트를 표시하는 React 라이브러리입니다. 스트리밍되는 LLM 출력은 닫히지 않은 코드 펜스나 끝까지 작성되지 않은 강조 표시처럼 불완전한 Markdown이 포함된 채 도착하는 경우가 많아 렌더링이 깨질 수 있습니다. 이 라이브러리는 출력이 스트리밍되는 동안 깨진 구문을 제거해 내용을 깔끔하게 표시합니다.

llm-ui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

llm-ui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

llm-ui은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. llm-ui의 마지막 커밋은 2026년 9월 29일입니다.

llm-ui은(는) 어디에 사용할 수 있나요?

LLM API의 응답을 스트리밍으로 표시하는 채팅 인터페이스 구축 React 웹 앱에서 AI 어시스턴트의 Markdown과 코드를 렌더링 AI가 생성한 답변에 사용자 지정 대화형 위젯 삽입

llm-ui는 어떻게 설치하나요?

llm-ui 패키지를 설치하세요 사용 방법은 문서를 확인하세요

llm-ui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/richardgill/llm-ui