NLUX: 强大的对话式AI JavaScript库

RayRay
NLUXReactJavaScript库对话式AI开源Github开源项目

NLUX: 为任何LLM打造的对话式AI界面库

NLUX (Natural Language User Experience) 是一个强大的开源JavaScript库,旨在简化对话式AI界面的构建过程。它为开发者提供了一套全面的工具,使其能够轻松地将大型语言模型(LLMs)集成到Web应用程序中。无论您是使用React、Next.js还是普通的JavaScript,NLUX都能满足您的需求。

NLUX logo

主要特性

NLUX提供了一系列强大的功能,使其成为构建对话式AI界面的理想选择:

  1. 快速构建AI聊天界面 - 只需几行代码即可创建高质量的对话式AI界面。
  2. React组件和Hooks - 提供<AiChat />组件用于UI构建,以及useChatAdapter hook用于轻松集成。
  3. Next.js和Vercel AI支持 - 为Next.js和Vercel AI提供开箱即用的支持、演示和示例。
  4. React服务器组件(RSC)和生成式UI - 与Next.js或任何兼容RSC的框架配合使用。
  5. LLM适配器 - 支持ChatGPT、LangChain的LangServe API、Hugging Face推理等。
  6. 自定义适配器接口 - 灵活的接口允许为任何LLM创建自定义适配器,支持流式或批处理模式。
  7. 助手和用户角色定制 - 可自定义参与者角色,包括名称、图像和描述。
  8. 高度可定制 - 通过主题、布局选项等几乎可以调整每个UI方面。
  9. 零依赖 - 轻量级代码库,核心零依赖,无外部UI库。

快速上手

NLUX提供了一个命令行工具nlux-cli,可以快速创建集成了NLUX的新项目:

# Next.js 🔼 with NLUX npx nlux-cli create next my-next-app # React ⚛️ , Vite, with NLUX npx nlux-cli create react my-react-app # Or, vanilla TypeScript 🟨 , Vite, with NLUX npx nlux-cli create vanilla my-vanilla-app

这些命令将为您创建一个基本的项目结构,并已经集成了NLUX,让您可以立即开始开发您的AI聊天应用。

使用示例

以下是一个使用NLUX React和LangChain创建AI聊天界面的简单示例:

import {AiChat} from '@nlux/react'; import {useChatAdapter} from '@nlux/langchain-react'; const App = () => { const gptAdapter = useChatAdapter({ url: 'https://<Your LangServe Runnable URL>' }); return ( <AiChat adapter={gptAdapter} composerOptions={{ placeholder: 'How can I help you today?' }} conversationOptions={{ historyPayloadSize: 'max' }} /> ); }

这个例子展示了如何使用NLUX的AiChat组件和useChatAdapter hook来创建一个连接到LangChain LangServe API的聊天界面。

NLUX AiChat Component

设计原则

NLUX的开发遵循以下设计原则:

  1. 直观性 - NLUX启用的交互应该是直观的,使用应该自然而然,没有障碍或摩擦。
  2. 性能 - NLUX应该尽可能快,加载快、渲染和更新快、响应用户输入快。
  3. 可访问性 - 使用NLUX构建的UI应该对所有人都是可访问的,包括残障人士。
  4. 开发者体验(DX) - NLUX将开发者视为一等公民,库应该提供最佳的开发者体验。

社区与支持

NLUX是一个开源项目,欢迎社区参与和贡献:

  • GitHub仓库 - 如果您喜欢NLUX,请在GitHub上给项目加星以示支持。
  • GitHub讨论 - 在GitHub讨论区提问、报告问题、分享想法。
  • Discord社区 - 加入Discord服务器与社区交流并获得支持。
  • 开发者网站 - 访问docs.nlkit.com/nlux获取示例、学习资源和API参考。

许可证

NLUX采用Mozilla公共许可证2.0版本,但有一些限制:不能将其用作训练数据集来开发或改进AI模型,也不能用作代码翻译工具的输入。这意味着您可以在个人和商业项目中使用NLUX,可以修改NLUX并在相同许可下发布您的更改,但不能将NLUX的源代码用作AI模型训练数据集或与代码翻译工具一起使用。

结语

NLUX为开发者提供了一个强大而灵活的工具,用于构建高质量的对话式AI界面。无论您是构建客户服务聊天机器人、AI助手还是其他类型的对话式应用,NLUX都能帮助您快速实现目标。通过其直观的API、广泛的适配器支持和高度可定制的特性,NLUX正在改变开发者构建AI驱动的用户界面的方式。

随着AI技术的不断发展,NLUX将继续演进,为开发者提供最前沿的工具和功能。我们鼓励您探索NLUX,加入其不断增长的社区,并利用这个强大的库来创建下一代的对话式AI应用程序。

编辑推荐精选

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

Refly.AI

Refly.AI

最适合小白的AI自动化工作流平台

无需编码,轻松生成可复用、可变现的AI自动化工作流

酷表ChatExcel

酷表ChatExcel

大模型驱动的Excel数据处理工具

基于大模型交互的表格处理系统,允许用户通过对话方式完成数据整理和可视化分析。系统采用机器学习算法解析用户指令,自动执行排序、公式计算和数据透视等操作,支持多种文件格式导入导出。数据处理响应速度保持在0.8秒以内,支持超过100万行数据的即时分析。

AI工具酷表ChatExcelAI智能客服AI营销产品使用教程
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
AIWritePaper论文写作

AIWritePaper论文写作

AI论文写作指导平台

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

AI辅助写作AI工具AI论文工具论文写作智能生成大纲数据安全AI助手热门
博思AIPPT

博思AIPPT

AI一键生成PPT,就用博思AIPPT!

博思AIPPT,新一代的AI生成PPT平台,支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等,内置海量精美PPT模板,涵盖商务、教育、科技等不同风格,同时针对每个页面提供多种版式,一键自适应切换,完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

iTerms

iTerms

企业专属的AI法律顾问

iTerms是法大大集团旗下法律子品牌,基于最先进的大语言模型(LLM)、专业的法律知识库和强大的智能体架构,帮助企业扫清合规障碍,筑牢风控防线,成为您企业专属的AI法律顾问。

SimilarWeb流量提升

SimilarWeb流量提升

稳定高效的流量提升解决方案,助力品牌曝光

稳定高效的流量提升解决方案,助力品牌曝光

Sora2视频免费生成

Sora2视频免费生成

最新版Sora2模型免费使用,一键生成无水印视频

最新版Sora2模型免费使用,一键生成无水印视频

下拉加载更多