Skip to main content
useStream 与 UI 无关。它返回包含消息、工具调用、加载标志和线程历史的纯响应式状态,您可以将其连接到您选择的任何视觉层。这些页面展示了不同的库如何与 LangChain 前端集成,每个库在构建 AI 聊天和生成式 UI 方面都有不同的理念。

集成

CopilotKit

具有结构化生成式 UI 支持的完整 AI 聊天运行时。将自定义的 CopilotKit 端点添加到您的 LangGraph 部署中,然后在 React 中渲染动态组件树。

AI Elements

基于 shadcn/ui 的可组合 AI 聊天组件。直接使用 ConversationMessageToolReasoning,并将它们直接连接到 stream.messages

assistant-ui

带有完整运行时层的无头 React 框架。通过 useExternalStoreRuntime 适配器将 useStream 桥接到 AssistantRuntimeProvider

OpenUI

生成式 UI 库,允许代理在声明式组件 DSL 中生成完整的交互式仪表板。专为数据丰富、报告风格的 UI 而构建。

选择库

每个库都适用于略有不同的集成模型。选择取决于您正在构建的 UI 类型: 所有四种方式都能很好地与 LangChain 代理配合使用,后三种还可以直接连接到 useStream。当您需要更丰富的运行时层和可以与 LangGraph 部署并行的专用端点时,CopilotKit 特别有用。