<p align="center">
  <img src="https://github.com/askorama/orama-ui-components/raw/main/misc/readme/orama-ui-components-readme-cover.png" />
</p>

![NPM Downloads](https://img.shields.io/npm/dm/%40orama%2Freact-components)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/%40orama%2Freact-components?label=Bundle%20Size&link=https%3A%2F%2Fbundlephobia.com%2Fpackage%2F%40orama%2Freact-components%40latest)

# Orama UI React Components

This library provides a set of ready to use React Components for easily implementing **Search** and **AI Chat** functionalities in your web applications through Orama.

## Installation

You can install Orama React Components using npm, yarn, pnpm, bun:

```
npm i @orama/react-components
```

## Components API Documentation

- [Orama Search Box](../ui-stencil/src/components/orama-search-box/readme.md)
- [Orama Chat Box](../ui-stencil/src/components/orama-chat-box/readme.md)
- [Orama Search Button](../ui-stencil/src/components/orama-search-button/readme.md)

> [!NOTE]
> The component documentation refers to **Web Components**.  
> When using this package in **React**, **Angular**, or **Vue**, certain behaviors—such as event handling and property binding—may differ. To ensure compatibility, follow your framework’s conventions.
