Guides

Learn how to get more out of react-ai-chat.

These guides cover customization, theming, RAG, the CLI, and the generated chatbot so you can adapt the package to your application.

Explore the guides

Connect your own content and give the chatbot a knowledge base.

Customize colors, themes, and appearance for your chatbot.

Customize the ready-made chatbot with your own styles and components.

Understand how the ready-made chatbot is built and how its UI works.

Generate embedding indexes and manage your chatbot knowledge base.

Change the chatbot's appearance and behavior to fit your application.

Start with Customization to learn about the available customization options.

Use RAG when your chatbot needs to answer questions using your own documentation, business content, portfolio data, or other sources.

See RAG to learn how retrieval works and how to configure it.

Use the theme system to match the chatbot with your application's existing design.

See Theming for theme tokens, light and dark modes, and CSS variables.

The ready-made Chatbot component is built using the same provider and context APIs available to you.

Read Generated Chatbot to understand how the pieces fit together.

The CLI can process your content and generate an embedding index for RAG.

See CLI for the available commands and embedding providers.

Use the guides when you want to move beyond the basic chatbot setup.

Basic chatbot
      ↓
Customize the UI
      ↓
Add your own theme
      ↓
Connect your content with RAG
      ↓
Generate and maintain embeddings

You can work through the guides independently based on what your application needs.

Install the package and build your first chatbot.

Explore the components, provider, errors, and server APIs.