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. The example above previews the intended API. The npm packages are not published yet; use the local repository playground to evaluate the current implementation.

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 is pre-alpha. Package manifests are prepared for an alpha release, but nothing is published to npm. See release status before planning a dependency.

Next steps

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

Evaluate Rixx UI locally

⌘I

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