Quickstart

pnpm add @rixx-ui/react@alpha react react-dom

import "@rixx-ui/react/styles.css";

git clone https://github.com/rixxhq/rixx-ui.git
cd rixx-ui
corepack pnpm install
corepack pnpm dev

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

export function AssistantMessage({ markdown, streaming }) {
  return (
    <MarkdownRenderer status={streaming ? "streaming" : "complete"}>
      {markdown}
    </MarkdownRenderer>
  );
}

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

const source = `root = Answer(children=[title, body])
title = Heading(text="Welcome", level=1)
body = RichText(format="markdown", text="A **safe** generated answer.")`;

export function StructuredMessage() {
  return <RUIRenderer streamStatus="complete">{source}</RUIRenderer>;
}

import { coreRUIConfig } from "@rixx-ui/react";

const systemInstructions = coreRUIConfig.instructions(userPrompt);