> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rixxui.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> Package names, peer requirements, styles, and the current unpublished package status.

<Warning>
  `@rixx-ui/react` and `@rixx-ui/react-devtools` are private at version `0.0.0`.
  They are not currently installable from a public registry.
</Warning>

## Package requirements

The consumer packages require Node.js 18 or newer and support React and React
DOM `^18.2.0 || ^19.0.0`. Repository development requires Node.js 24 and pnpm
11.15.1.

Once a release is published, the intended package names are:

```bash theme={null}
pnpm add @rixx-ui/react react react-dom
pnpm add -D @rixx-ui/react-devtools
```

Until then, use this workspace directly. Do not substitute internal package
directory names for the public names.

## Styles

Import the renderer stylesheet once in the application entry point or root
layout:

```tsx theme={null}
import "@rixx-ui/react/styles.css";
```

Devtools use a separate optional stylesheet:

```tsx theme={null}
import "@rixx-ui/react-devtools/styles.css";
```

## Entry points

| Entry point                          | Use                                                         |
| ------------------------------------ | ----------------------------------------------------------- |
| `@rixx-ui/react`                     | Structured renderer, configuration, low-level renderer APIs |
| `@rixx-ui/react/markdown`            | Minimal Markdown renderer client entry                      |
| `@rixx-ui/react/server`              | Server-safe catalog, instruction, and conversion helpers    |
| `@rixx-ui/react/styles.css`          | Renderer visual system                                      |
| `@rixx-ui/react-devtools`            | React state and event inspector                             |
| `@rixx-ui/react-devtools/styles.css` | Devtools styles                                             |

See [Vite](/integrations/vite) and [Next.js](/integrations/nextjs) for framework
placement.