{"repo":"run-llama/chat-ui","free":true,"listed":false,"github":"https://github.com/run-llama/chat-ui","clone":"git clone https://github.com/run-llama/chat-ui.git","description":"Chat UI components for LLM apps","language":"TypeScript","stars":592,"topics":["ai","chat","components","llm","nextjs","react"],"license":"MIT","category":"chat-messaging","readme_excerpt":"@llamaindex/chat-ui Chat UI components for LLM apps Overview @llamaindex/chat-ui is a React component library that provides ready-to-use UI elements for building chat interfaces in LLM (Large Language Model) applications. This package is designed to streamline the development of chat-based user interfaces for AI-powered applications. Quick Start You can quickly add a chatbot to your project by using Shadcn CLI command: Manual Installation To install the package, run the following command in your project directory: Features - Pre-built chat components (e.g., message bubbles, input fields) - Minimal styling, fully customizable with Tailwind CSS - Custom widgets to extend components (e.g., for rendering generated or retrieved documents) - TypeScript support for type safety - Easy integration with LLM backends like Vercel Ai - Code and Latex styling with highlight.js and katex Usage 1. Install the package 2. Configure Tailwind CSS to include the chat-ui components For Tailwind CSS version 4.x, update globals.css to include the chat-ui components (update the relative path to node modules if necessary): For Tailwind CSS version 3.x, you need to add the following to your tailwind.config.ts file: 3. Import the components and use them The easiest way to get started is to connect the whole ChatSection component with useChat hook from vercel/ai: This simple example looks like this: Component Composition Components are designed to be composable. You can use them as is: Or you can extend ","default_branch":null,"files":null,"tree":[],"storefront":"/r/run-llama","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/run-llama/chat-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}