Skip to main content

nlux logo

The Open-Source React / Javascript Library To Build Conversational AI Interfaces

LangChain Logo
LangChain
Adapters
Hugging Face Logo
Hugging Face
Adapters
OpenAI Logo
OpenAI
Adapters
Vanilla JS Logo
Javascript
API
React JS Logo
React JS
Components

@nlux/react in action 👇 ― You can 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, botPictureUrl} from './personas';

export default () => (
  <AiChat
    adapter={streamAdapter}
    personaOptions={{
      bot: {
        name: 'EinBot',
        tagline: 'Your Genius AI Assistant',
        picture: botPictureUrl,
      },
      user
    }}
    promptBoxOptions={{
      placeholder: 'How can I help you?'
    }}
    layoutOptions={{
      height: 350, maxWidth: 430
    }}
  />
);

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

✔️  Bot and User Personas

✔️  Markdown Streaming

✔️  Syntax Highlighter

✔️  Theme Customization

✔️  Event Listeners

✔️  LangChain Adapters

✔️  Conversation History Hydration

✔️  Context-Aware Conversations ⭐️

✔️  Co-Pilot Mode

 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.