LlamaIndex ChatUI

A powerful React component library for building chat interfaces in LLM applications

GitHub npm install @llamaindex/chat-ui

Quick Start

Add a chatbot to your project with Shadcn CLI:

npx shadcn@latest add https://ui.llamaindex.ai/r/chat.json

Or install manually:

npm install @llamaindex/chat-ui

Simple Chat Demo

A minimal implementation using just a few lines of code

Write simple Javascript hello world code

Got it! Here's the simplest JavaScript code to print "Hello, World!" to the console:

javascript
console.log("Hello, World!");

You can run this code in any JavaScript environment, such as a web browser's console or a Node.js environment. Just paste the code and execute it to see the output.

Write a simple math equation

Let's explore a simple mathematical equation using LaTeX:

The quadratic formula is:

x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

This formula helps us solve quadratic equations in the form

ax^2 + bx + c = 0

. The solution gives us the x-values where the parabola intersects the x-axis.

Custom Chat Demo

A more advanced implementation with custom components and file uploads

Generate a logo for LlamaIndex

Got it! Here is the logo for LlamaIndex. The logo features a friendly llama mascot that represents our AI-powered document indexing and chat capabilities.

Show me a pdf file

Got it! Here is a sample PDF file that demonstrates PDF handling capabilities. This PDF contains some basic text and formatting examples that you can use to test PDF viewing functionality.

sample.pdf

PDF File