Show HN: A React and Next.js UI Toolkit for LLMs

Show HN: A React and Next.js UI Toolkit for LLMs(github.com)

24 points by shich 2 years ago | 3 comments

Hey HN,

I wanted to share a UI toolkit project I’ve been working on recently, born out of how difficult I found it to build a great UX on top of LLMs, and keep application state in sync. I’ve built:

- A React/JS front-end library for conversational interfaces, which makes it super easy to bootstrap AI assistants and ChatGPT style UX: https://github.com/nlkitai/nlux

- A set of adapters that simplify integration with AI backends such as LangServe and HuggingFace

The library is highly configurable, easy to theme, supports markdown streaming (that was tough to get right!), custom rendering for AI response components, and it works smoothly with Next.js, React JS (of course), and even plain JavaScript (for the Vue.js folks out there ;).

I built it with an architecture I’d love myself as a dev: high code modularity, zero dependencies, wide unit test coverage, and lots of documentation and examples.

You can play with codesandbox previews and demos here: https://docs.nlkit.com/nlux

Thanks for reading. It feels like we’re at a new frontier building with LLMs, and I’d love to hear what challenges you’ve had on integrating with them & building great UI & UX.

leraptor 2 years ago |

Thanks! We've just spent a few months building this internally. We could have used your solution if we've seen it in time.

Do you support memory? Do you have some best practices that are integrated to build AI Assistants? Like the AI won't mention that they're ChatGPT or Claude etc

shich 2 years ago | |

Glad NLKit might be helpful in the future!

On memory: You're in luck, we do support conversation history and we're actively working on improvements like lazy loading for long conversations.

Best practices: Spot on! The project docs have tips for building assistants that hide the underlying LLM ( Feature: Assistant personas - https://docs.nlkit.com/nlux/examples/assistant-persona ). Plus, docs cover LangChain integration (supports any AI backend!), Next.js, HuggingFace (access to thousands of models at your fingertips), and any custom backend.

mdoghri 2 years ago |

Thanks. Will definitely have a look for our web app.