Rixx UI

Rixx UI turns streaming AI responses into React content and interfaces. Start with Markdown, then add charts, tables, forms, media, or components from your own design system. Your application continues to own model calls, data, and actions.

Render Markdown

Replace an existing response view with streaming CommonMark and GFM.

Render structured UI

Stream layouts, data views, forms, charts, and approved React components.

Use your components

Choose which React components and properties a model may request.

Evaluate locally

Replay streaming, recovery, themes, and Devtools without a model key.

Choose the answer shape

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

<MarkdownRenderer status={markdownStatus}>{markdown}</MarkdownRenderer>;

<RUIRenderer streamStatus={ruiStreamStatus} data={trustedData}>
  {ruiSource}
</RUIRenderer>;

Use MarkdownRenderer for prose. Use RUIRenderer when the response needs layouts, data bindings, action requests, or components supplied by your application. Install the current alpha from npm with pnpm add @rixx-ui/react@alpha, or use the local repository playground to inspect every renderer state and Devtools.

Fits into your existing AI stack

Rixx UI is the rendering layer, not a chat framework, model gateway, agent runtime, database, or hosted service. Generated actions are requests returned to your application; they never authorize or execute effects on their own.

Rixx UI 0.1.0-alpha.0 is pre-alpha software. Pin an exact version during evaluation and review the release status before production adoption.

Next steps

Start with the quickstart, compare the two renderers, then learn how to use your own React components.

Get started

Render content

Configure Rixx UI

Frameworks and tools

Security

API reference

Architecture

Project

Render Markdown

Render structured UI

Use your components

Evaluate locally

Choose the answer shape

Fits into your existing AI stack

Next steps

Render Markdown

Render structured UI

Use your components

Evaluate locally

​Choose the answer shape

​Fits into your existing AI stack

​Next steps

Choose the answer shape

Fits into your existing AI stack

Next steps