Skip to main content

NLUX logo

The Powerful Conversational AI
JavaScript Library

Available in
React JS Logo
React JS
Components
Vanilla JS Logo
Plain
JavaScript
Next.js Logo
Integrates with
LangChain Logo
LangChain
Hugging Face Logo
Hugging Face
OpenAI Logo
OpenAI
Adapters Logo
Any AI Backend

@nlux/react in action 👇 ― Edit the code below to see how it works.

import {AiChat} from '@nlux/react';
import '@nlux/themes/nova.css';
import {streamAdapter} from './adapter';
import {user, assistantAvatar} from './personas';

export default () => (
  <AiChat
    adapter={streamAdapter}
    personaOptions={{
      assistant: {
        name: 'EinAssistant',
        tagline: 'Your Genius AI Assistant',
        avatar: assistantAvatar
      },
      user
    }}
    composerOptions={{
      placeholder: 'How can I help you?'
    }}
    displayOptions={{
      height: 350, maxWidth: 430,
      colorScheme: 'dark'
    }}
  />
);

Feature Roadmap

Over the past months since launching NLUX, we've been heads-down delivering rapid value. Here's a quick overview of some key features that we've already built, and a glimpse of what's to come:

✔️  AI Chat Component

✔️  React JS Support

✔️  ChatGPT Adapter

✔️  Hugging Face Adapter

✔️  Custom LLM Adapters

✔️  Assistant and User Personas

✔️  Markdown Streaming

✔️  Syntax Highlighter

✔️  Theme Customization

✔️  Event Listeners

✔️  LangChain Adapters

✔️  Conversation History Hydration

✔️  Context-Aware Conversations

✔️  Next.js Support

✔️  Conversation Starters

 File Uploads

 Voice Chat

 Enhanced Accessibility

 Advanced Theming

Building Context-Aware AI Assistants
With React JS and NLUX

Learn more ― Watch the presentation of NLUX founder at React Advanced London where he talks about the future of conversational AI and how to build context-aware AI apps with NLUX and React JS.

Don’t Miss Out ― Get NLUX Updates 💌

Must-know news on major releases, key features and relevant updates.
Only big and vital announcements. No spam, ever.