[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10776":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":20,"hasPages":20,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},10776,"nlux","nlkitai\u002Fnlux","nlkitai","The 𝗣𝗼𝘄𝗲𝗿𝗳𝘂𝗹 Conversational AI JavaScript Library 💬 — UI for any LLM, supporting LangChain \u002F HuggingFace \u002F Vercel AI, and more 🧡 React, Next.js, and plain JavaScript ⭐️","https:\u002F\u002Fdocs.nlkit.com\u002Fnlux",null,"TypeScript",1375,86,9,41,0,1,18.82,"Other",false,"latest",[23,24,25,26,27,28,29,30,31,32],"artificial-intelligence","chatbot","chatgpt","huggingface","javascript","large-language-models","llm","openai","reactjs","vercel-ai-sdk","2026-06-12 02:02:26","# NLUX\n\n\u003Cp align=center style=\"font-size: 1.5em\">\n  \u003Cimg style=\"padding: 0; margin: 0;\" height=\"80px\" src=\"https:\u002F\u002Fcontent.nlkit.com\u002Flogos\u002Fnlux.png\"\u002F>\u003Cbr \u002F>\n  The \u003Cstrong>Powerful\u003C\u002Fstrong> Conversational AI\u003Cbr \u002F>JavaScript Library ✨💬\n\u003C\u002Fp>\n\u003Cp align=center>\n  \u003Cimg alt=\"Free & Open Source\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFree%20%26%20Open%20Source-1ccb61\" \u002F>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnlkitai\u002Fnlux\u002Factions\u002Fworkflows\u002Frun-all-tests.yml\">\u003Cimg alt=\"600+ Unit Tests\" src=\"https:\u002F\u002Fgithub.com\u002Fnlkitai\u002Fnlux\u002Factions\u002Fworkflows\u002Frun-all-tests.yml\u002Fbadge.svg\" \u002F>\u003C\u002Fa>\n\u003Cbr \u002F>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Freact\">\u003Cimg alt=\"npm @nlux\u002Freact\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNPM-@nlux\u002Freact-dbda6a\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fcore\">\u003Cimg alt=\"npm @nlux\u002Fcore\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNPM-@nlux\u002Fcore-dbda6a\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fdocs.nlkit.com\u002Fnlux\">Docs Website\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FSRwDmZghNB\">Discord Community\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fnluxai\">X\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cp align=\"center\">\n    Do you like this project ? Please star the repo to show your support 🌟 🧡\n    \u003Cbr \u002F>\n    Building with \u003Ccode>NLUX\u003C\u002Fcode> ? \u003Ca href=\"https:\u002F\u002Fcalendly.com\u002Fnlkit\u002Fintro\">Get in touch\u003C\u002Fa> — We'd love to hear from you.\n\u003C\u002Fp>\n\n------\n\n`NLUX` is React and JavaScript open-source library for building conversational AI interfaces. It makes it super simple\nto build web applications powered by Large Language Models (LLMs). With just a few  lines of code, you can add\nconversational AI capabilities and interact with your favorite AI models.\n\n## Try `NLUX` 🚀\n\nUse `nlux-cli` to quickly spin up a new `Next.js`, `React`, or `Vanilla TypeScript` project with NLUX integrated.\n\n[![NLUX UI For Any LLM](https:\u002F\u002Fcontent.nlkit.com\u002Fimages\u002Fgithub\u002Fnlux-cli-animation.gif)](https:\u002F\u002Fdocs.nlkit.com\u002Fnlux)\n\n**Get started with `NLUX` and your favorite web framework under a minute:**\n\n```sh\n# Next.js 🔼 with NLUX \nnpx nlux-cli create next my-next-app\n```\n```sh\n# React ⚛️ , Vite, with NLUX\nnpx nlux-cli create react my-react-app\n```\n```sh\n# Or, vanilla TypeScript 🟨 , Vite, with NLUX\nnpx nlux-cli create vanilla my-vanilla-app\n```\n\n## Docs & Examples 🔥\n\n* The docs website is available at:  \n  **[docs.nlkit.com\u002Fnlux](https:\u002F\u002Fdocs.nlkit.com\u002Fnlux)**\n\n* Several **Get Started Guides** are available, including for:  \n  [Next.js and Vercel AI](https:\u002F\u002Fdocs.nlkit.com\u002Fnlux\u002Flearn\u002Fget-started\u002Fvercel-ai\u002F) —\n  [LangChain LangServe](https:\u002F\u002Fdocs.nlkit.com\u002Fnlux\u002Flearn\u002Fget-started\u002Fnlux-langchain) —\n  [React with Node.js Backend](https:\u002F\u002Fdocs.nlkit.com\u002Fnlux\u002Flearn\u002Fget-started\u002Fnlux-nodejs-nlbridge-chatgpt)\n\n## Key Features 🌟\n\n* **Build AI Chat Interfaces In Minutes** ― High quality conversational AI interfaces with just a few lines of code.\n* **React Components & Hooks** ― `\u003CAiChat \u002F>` for UI and `useChatAdapter` hook for easy integration.\n* **Next.js & Vercel AI** ― Out-of-the-box support, demos, and examples for Next.js and Vercel AI.\n* **React Server Components (RSC) and Generative UI** 🔥 ― With Next.js or any RSC compatible framework.\n* **LLM Adapters** ― For `ChatGPT` ― `LangChain` 🦜 `LangServe` APIs ― `Hugging Face` 🤗 Inference.\n* A flexible interface to **Create Your Own Adapter** 🎯 for any LLM ― with support for stream or batch modes.\n* **Assistant and User Personas** ― Customize participant personas with names, images, and descriptions.\n* **Highly Customizable** ― Tune almost every UI aspect through theming, layout options, and more.\n* **Zero Dependency** ― Lightweight codebase ― Core with zero dependency and no external UI libraries.\n\n## Repo Content 📦\n\nThis GitHub repository contains the source code for the `NLUX` library.\u003Cbr \u002F>\nIt is a monorepo that contains code for following NPM packages:\n\n⚛️ **React JS Packages:**\n\n* [`@nlux\u002Freact`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Freact) ― React JS components for `NLUX`.\n* [`@nlux\u002Flangchain-react`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Flangchain-react) ― React hooks and adapter for APIs\n  created using LangChain's LangServe library.\n* [`@nlux\u002Fopenai-react`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fopenai-react) ― React hooks for the OpenAI API, for testing\n  and development.\n* [`@nlux\u002Fhf-react`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fhf-react) ― React hooks and pre-processors for the Hugging Face\n  Inference API\n* [`@nlux\u002Fnlbridge-react`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fnlbridge-react) ― Integration with `nlbridge`, the\n  Express.js LLM middleware by the NLUX team.\n\n🟨 **Vanilla JS Packages:**\n\n* [`@nlux\u002Fcore`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fcore) ― The core Vanilla JS library to use with any web framework.\n* [`@nlux\u002Flangchain`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Flangchain) ― Adapter for APIs created using LangChain's\n  LangServe library.\n* [`@nlux\u002Fopenai`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fopenai) ― Adapter for the OpenAI API, for testing and\n  development.\n* [`@nlux\u002Fhf`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fhf) ― Adapter and pre-processors for the Hugging Face Inference API.\n* [`@nlux\u002Fnlbridge`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fnlbridge) ― Integration with `nlbridge`, the Express.js LLM\n  middleware by the NLUX team.\n\n🎁 **Themes & Extensions:**\n\n* [`@nlux\u002Fthemes`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fthemes) ― The default `Luna` theme and CSS styles.\n* [`@nlux\u002Fmarkdown`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fmarkdown) ― Markdown stream parser to render\n  markdown as it's being generated.\n* [`@nlux\u002Fhighlighter`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@nlux\u002Fhighlighter) ― Syntax highlighter based on\n  [Highlight.js](https:\u002F\u002Fhighlightjs.org\u002F).\n\nPlease visit each package's NPM page for information on how to use it.\n\n## Design Principles ⚜️\n\nThe following design principles guide the development of `NLUX`:\n\n* **Intuitive** ― Interactions enabled by `NLUX` should be intuitive.\n  Usage should unfold naturally without obstacles or friction. No teaching or thinking\n  should be required to use UI built with `NLUX`.\n\n* **Performant** ― `NLUX` should be as fast as possible. Fast to load, fast to render\n  and update, fast to respond to user input. To achieve that, we should avoid unnecessary\n  work, optimize for performance, minimize bundle size, and not depend on external libraries.\n\n* **Accessible** ― UI built with `NLUX` should be accessible to everyone. It should be usable\n  by people with disabilities, on various devices, in various environments, and using various\n  input methods (keyboard, touch, voice).\n\n* **DX** ― `NLUX` recognizes developers as first-class citizens. The library should enable an\n  optimal DX (developer experience). It should be effortless to use, easy to understand, and\n  simple to extend. Stellar documentation should be provided. The feature roadmap should evolve\n  aligning to developer needs voiced.\n\n## Mission 👨‍🚀\n\nOur mission is **to enable developers to build outstanding LLM front-ends and applications**,\ncross platforms, with a focus on performance and usability.\n\n## Community & Support 🙏\n\n* **Star The Repo** 🌟 ― If you like `NLUX`, please star the repo to show your support.  \n  Your support is what keeps this open-source project going 🧡\n* [GitHub Discussions](https:\u002F\u002Fgithub.com\u002Fnlkitai\u002Fnlux\u002Fdiscussions) ― Ask questions, report issues, and share your\n  ideas with the community.\n* [Discord Community](https:\u002F\u002Fdiscord.gg\u002FSRwDmZghNB) ― Join our Discord server to chat with the community and get\n  support.\n* [docs.nlkit.com\u002Fnlux](https:\u002F\u002Fdocs.nlkit.com\u002Fnlux) Developer Website ― Examples, learning resources, and API reference.\n\n## License 📃\n\n`NLUX` is licensed under Mozilla Public License Version 2.0 with restriction to use as\npart of a training dataset to develop or improve AI models, or as an input for code\ntranslation tools.\n\n> Paragraphs (3.6) and (3.7) were added to the original MPL 2.0 license.  \n> The full license text can be found in the [LICENSE](LICENSE) file.\n\n**In a nutshell:**\n\n* You can use `NLUX` in your personal projects.\n* You can use `NLUX` in your commercial projects.\n* You can modify `NLUX` and publish your changes under the same license.\n* You cannot use `NLUX`'s source code as dataset to train AI models, nor with code translation tools.\n\nWondering what it means to use software licensed under MPL 2.0? Learn more\non [MPL 2.0 FAQ](https:\u002F\u002Fwww.mozilla.org\u002Fen-US\u002FMPL\u002F2.0\u002FFAQ\u002F).  \nPlease read the full license text in the [LICENSE](LICENSE) file for details.\n\n## About The Project 👨‍💻\n\nThis open-source project fits under the umbrella of [NLKit](https:\u002F\u002Fnlkit.com), a suite of tools and libraries for \nbuilding conversational AI applications. `NLUX` is the first project in the NLKit suite, with more to come.\n\nThe project is being led by [Salmen Hichri](https:\u002F\u002Fgithub.com\u002Fsalmenus), a senior software engineer with over a decade of experience building user interfaces and developer\ntools at companies like Amazon and Goldman Sachs, and contributions to open-source projects.\n","NLUX 是一个强大的对话式 AI JavaScript 库，用于构建基于大型语言模型（LLM）的 Web 应用程序。它支持 LangChain、HuggingFace 和 Vercel AI 等多种 AI 模型，并提供了 React 组件和 Hooks 以便快速集成，如 `\u003CAiChat \u002F>` 组件和 `useChatAdapter` 钩子，帮助开发者仅需几行代码即可创建高质量的对话界面。此外，NLUX 还为 Next.js 和 Vercel AI 提供了开箱即用的支持，包括示例和文档。此库非常适合需要在网页中嵌入智能聊天功能的场景，无论是个人项目还是企业级应用都能从中受益。",2,"2026-06-11 03:30:06","top_topic"]