Vite

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

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.

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.

Devtools Next.js

⌘I

Get started

Render content

Configure Rixx UI

Frameworks and tools

Security

API reference

Architecture

Project