Skip to main content
Version: v2.x

Overview

Layers​



NLUX is a highly customizable and fully featured conversational AI UI library with 3 layers:

  • The User Interface Layer 🎨 — Which is responsible for everything that gets rendered on the screen, such as the user and the AI messages, and the composer. It also provides event listeners, hooks, and primitives.
  • The API Layer 📡 — Which provides APIs to interact with the chatbot programmatically, and enables operations such as sending messages, getting the chat history, and more.
  • The Adapters Layer 🔌 — Which enables the integration with AI backends by handling API calls, response streaming, and more. It also allows for custom adapters to be built for any backend.

Platforms​



The core NLUX library is available in 2 flavors:

  • NLUX React JS ⚛️ — React JS implementation using the React rendering engine, components, and hooks.
  • NLUX JavaScript 🟨 — Pure JavaScript library that can be used with any web framework (such as Vue) or with plain HTML.

As per the compatibility with other frameworks:

  • Next.js Integration: All the React JS features have been developed and tested with the Next.js as a primary use-case.
  • Non-React Frameworks Integration: The vanilla JavaScript library can be used with any non-React framework or library, such as Vue.js, Angular, or Svelte. Or even with plain HTML and JavaScript.

You'll find a toggle at the top of each documentation page that allows switching between the 2 platforms.