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

# Rixx UI

> A streaming generative UI renderer for React, from Markdown to charts, forms, and application-owned components.

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.

<CardGroup cols={2}>
  <Card title="Render Markdown" icon="file-text" href="/renderers/markdown-renderer">
    Replace an existing response view with streaming CommonMark and GFM.
  </Card>

  <Card title="Render structured UI" icon="panels-top-left" href="/renderers/rui-renderer">
    Stream layouts, data views, forms, charts, and approved React components.
  </Card>

  <Card title="Use your components" icon="blocks" href="/configuration/catalog-and-registry">
    Choose which React components and properties a model may request.
  </Card>

  <Card title="Evaluate locally" icon="play" href="/getting-started/quickstart">
    Replay streaming, recovery, themes, and Devtools without a model key.
  </Card>
</CardGroup>

## Choose the answer shape

```tsx theme={null}
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.

<Warning>
  Rixx UI is pre-alpha. Package manifests are prepared for an alpha release, but
  nothing is published to npm. See [release status](/project/release-status)
  before planning a dependency.
</Warning>

## Next steps

Start with [local evaluation](/getting-started/quickstart), compare the two
[renderers](/renderers/markdown-renderer), then learn how to
[use your own React components](/configuration/custom-components).