nlux

几行代码给任意 LLM 套上可定制聊天界面

开源 🏷️完全免费 🔧 仅开源项目，无在线服务，需自行部署开发框架 🍴 复刻 85 🐛 待处理 45 👀 关注 9

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 1387

维护状态较活跃

是否开源开源

定价模式 🏷️完全免费开源免费（MIT许可证）

项目预览

项目数据

分类开发框架

开发团队nlkitai

官网地址https://docs.nlkit.com/nlux

GitHubhttps://github.com/nlkitai/nlux

定价模式🏷️完全免费

价格说明开源免费（MIT许可证）

访问状态🔧 仅开源项目，无在线服务，需自行部署

是否开源是

开源协议NOASSERTION

主要语言TypeScript

技术栈/模型artificial-intelligence,chatbot,chatgpt,huggingface,javascript,large-language-models,llm,openai,reactjs,vercel-ai-sdk

GitHub 星标★ 1387

上线时间2023-10-29 00:00:00

代码更新2026-10-14

仓库体积19.5 MB

本站数据更新2026-10-22

维护状态较活跃

收录时间2026-10-22

浏览次数0

项目介绍

NLUX 是一个面向对话式 AI 的 JavaScript/TypeScript UI 库，帮助开发者在 React、Next.js 或原生 JS 项目中快速搭建聊天界面。它解决的核心问题是：接入不同大模型时，前端 UI 和适配层往往要重复开发。NLUX 把聊天窗口、消息流、输入框、流式输出等交互封装成组件，同时提供适配器对接 LangChain、HuggingFace、Vercel AI SDK、OpenAI 等后端，让开发者只需关注业务逻辑和模型选择。核心能力包括开箱即用的对话组件、可定制的主题与布局、流式响应渲染、多模型适配，以及对 React 和纯 JavaScript 的兼容。适合想快速给产品加上 AI 对话能力、又不想从零写聊天 UI 的团队。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-10-22 · 当前星标 ★ 1387

技术标签

artificial-intelligence chatbot chatgpt huggingface javascript

使用教程

⚠ 本教程由 AI 依据该项目 README 整理；原始文档不完整，部分步骤为通用流程推断，实际安装请以项目官方文档为准。

难度：入门约 10 分钟部署方式：库/依赖 6 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

Node.js 与 npm 环境（NLUX 是 JavaScript/TypeScript 库，从 npm 安装）
React 或 Next.js 项目，或原生 TypeScript/JavaScript 项目
已确定要对接的模型后端（OpenAI / HuggingFace / LangChain / Vercel AI SDK 等）

安装与启动步骤

1检查 Node 环境

NLUX 是 npm 上的 JS/TS 库，先确认本机已装好 Node.js 和 npm，能在项目里执行包管理命令。
```
node -v && npm -v
```
2安装 NLUX 包

React 项目装 @nlux/react；纯 JS/TS 项目装核心包 @nlux/core。两者均为 README 中列出的 npm 包。
```
npm install @nlux/react
```
3用 CLI 快速起项目

README 提到可用 nlux-cli 快速创建 Next.js、React 或 Vanilla TypeScript 项目，节选未给出具体子命令，请查官方文档。
4在页面中使用组件

在 React 或原生 JS 中引入 NLUX 的对话组件（聊天窗口、消息流、输入框），按文档渲染到页面。
5接入模型适配器

README 说明提供适配器对接 LangChain、HuggingFace、Vercel AI SDK、OpenAI，按所选后端配置对应适配器。
6对照官方文档核对

README 节选缺少完整安装与配置示例，动手前请打开官方文档确认包名版本、参数和后端接入方式。