> ## 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.

# Vite

> Use Rixx UI in a Vite React application with client rendering and optional server-side bundling.

Import styles in the application entry and render through the public package
entry points.

```tsx theme={null}
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { RUIRenderer } from "@rixx-ui/react";
import "@rixx-ui/react/styles.css";

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <RUIRenderer streamStatus="complete">{source}</RUIRenderer>
  </StrictMode>,
);
```

No Vite plugin is required beyond the normal React plugin. Keep server-side
instruction generation in server code and import it from
`@rixx-ui/react/server`.

```ts theme={null}
import { createRUIInstructions } from "@rixx-ui/react/server";

const instructions = createRUIInstructions(userPrompt);
```

If Vite reports an unresolved stylesheet, verify the exact
`@rixx-ui/react/styles.css` export and that the package build completed. If an
SSR build evaluates browser-only renderer dependencies, keep `RUIRenderer` in a
client entry and use only the server subpath from server modules.