---
sidebar_label: 'Overview'
---

Welcome to the _NLUX_ learning resources.
This section provides detailed guides and examples to help you master building
conversational AI interfaces powered by _NLUX_.

# Overview

_NLUX_ is an open-source JavaScript library for **creating elegant and performant conversational user interfaces**.
It provides a vanilla JavaScript API as well as React JS components and hooks to integrate chatbot capabilities
into your web apps and websites with minimal effort.

The library's mission is to enable developers to quickly build interactive conversational experiences by handling all
the complexities behind the scenes. You can connect it to AI backends like ChatGPT or build your own custom adapters.

## NLUX in 2 lines

Here is how the integration looks like in a React app:

```jsx
const adapter = useChatAdapter({url: '<YOUR AI ENDPOINT URL>'});
return <AiChat adapter={adapter} />;
```

And the result is 👇

![`NLUX` Chatbot](./chat-convo-demo-ts.gif)

Of course, this is just a simple example.

**You can customize the chatbot in many ways:** Connect to any AI backend / Customize the UI / Add chat personas for
a better chat experience / Load conversation history / and more.

## Learning NLUX

We recommend that you start with the [Getting Started](/learn/get-started) guides to learn how to integrate _NLUX_ into
with a multitude of different LLMs and AI backends.
Then, you can dive into the [API Reference](/reference/overview) to learn about all the available components, hooks, and
possible configurations.
