richardgill/llm-ui

これは何？

主な機能

• 01ストリーミング途中の出力から、崩れたMarkdown構文を取り除きます。
• 02ストリームをスロットリングし、データ受信の途切れによる表示の乱れを抑えます。
• 03ネイティブなフレームレートで更新を描画します。
• 04Shikiを使い、あらゆる言語のコードブロックをハイライトします。
• 05LLM出力に独自のReactコンポーネントを追加できます。
• 06ヘッドレスなので、スタイリングは自由に行えます。

ユースケース

• LLM APIからの応答をストリーミング表示するチャットインターフェースの構築。
• ReactのWebアプリで、AIアシスタントのMarkdownやコードを表示する。
• AIが生成した回答に、操作可能なカスタムウィジェットを埋め込む。

クイックスタート

1. 1

   llm-ui パッケージをインストールする

2. 2

   使い方についてはドキュメントを読む

使う前に知っておきたいこと

• !README にインストールコマンドが記載されていないため、セットアップの詳細は外部ドキュメントを参照する必要があります。

収録されている特集

トピック

よくある質問

llm-ui とは？

ストリーミング中のLLM出力を表示するReactコンポーネントライブラリ。崩れたMarkdownを補正し、カスタムコンポーネントやシンタックスハイライト付きコードブロックにも対応します。 llm-uiは、大規模言語モデルが生成したテキストを表示するためのReactライブラリです。LLMの出力はストリーミング中に、不完全なコードフェンスや途中までの強調表記など、未完成のMarkdownを含むことが多く、表示が崩れる原因になります。このライブラリはそうした不完全な構文を取り除き、ストリーミング中でも出力をきれいに表示します。

llm-ui は無料で使えますか？ライセンスは？

llm-ui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

llm-ui は今もメンテナンスされていますか？

半年以内に更新あり。llm-ui の最終コミットは 2026年9月29日 です。

llm-ui は何に使えますか？

LLM APIからの応答をストリーミング表示するチャットインターフェースの構築。 ReactのWebアプリで、AIアシスタントのMarkdownやコードを表示する。 AIが生成した回答に、操作可能なカスタムウィジェットを埋め込む。

llm-ui のインストール方法は？

llm-ui パッケージをインストールする 使い方についてはドキュメントを読む

llm-ui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/richardgill/llm-ui