Structured generative UI renderer for React

import { RUIRenderer } from "@rixx-ui/react";
import "@rixx-ui/react/styles.css";

<RUIRenderer
  config={config}
  data={trustedData}
  streamStatus={status}
  retryKey={attempt}
  fallback={({ status }) => <p>Response {status}.</p>}
  onAction={handleActionRequest}
  onError={reportSafeDiagnostic}
>
  {accumulatedSource}
</RUIRenderer>;

​

Source lifecycle

1. Complete physical statements are parsed as characters arrive.
2. Valid statements may form a limited streaming preview.
3. Invalid lines or nodes are skipped with bounded diagnostics.
4. complete validates the complete tree and creates the final UI.
5. Effectful controls, fields, and custom components remain disabled until the final UI; reversible local controls such as tabs can work in the preview.

​

Host inputs and events