# @assistant-ui/react-markdown

> Markdown rendering for assistant-ui

Latest version **0.14.21** (published 2026-10-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install @assistant-ui/react-markdown
pnpm add @assistant-ui/react-markdown
yarn add @assistant-ui/react-markdown
bun add @assistant-ui/react-markdown
```

## Health

**Score 80/100 (A)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; high quality score; popular repo.

Warnings: low downloads; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.14.21 |
| Published | 2026-10-12 |
| First published | 2024-06-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 378.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 12427 |
| Author | AgentbaseAI Inc. |
| Maintainers | yonom, okisdev, agentbase-bot |
| Keywords | markdown, react-markdown, assistant-ui, react, ai, chat, rendering |

## Links

- npm: https://www.npmjs.com/package/@assistant-ui/react-markdown
- Repository: https://github.com/assistant-ui/assistant-ui
- Homepage: https://www.assistant-ui.com/
- Issues: https://github.com/assistant-ui/assistant-ui/issues
- npm.io page: https://npm.io/package/@assistant-ui/react-markdown

## Dependencies (6)

- [classnames](https://npm.io/package/classnames.md) ^2.5.1
- [@types/hast](https://npm.io/package/@types/hast.md) ^3.0.5
- [react-markdown](https://npm.io/package/react-markdown.md) ^10.1.0
- [@radix-ui/react-primitive](https://npm.io/package/@radix-ui/react-primitive.md) ^2.1.11
- [micromark-util-html-tag-name](https://npm.io/package/micromark-util-html-tag-name.md) ^2.0.1
- [@radix-ui/react-use-callback-ref](https://npm.io/package/@radix-ui/react-use-callback-ref.md) ^1.1.4

## Alternatives

- [@expo/fingerprint](https://npm.io/package/@expo/fingerprint.md) — 6.2M weekly downloads
- [@azure/monitor-opentelemetry-exporter](https://npm.io/package/@azure/monitor-opentelemetry-exporter.md) — 850.0K weekly downloads
- [@azure/monitor-opentelemetry](https://npm.io/package/@azure/monitor-opentelemetry.md) — 624.0K weekly downloads
- [@posthog/ai](https://npm.io/package/@posthog/ai.md) — 423.3K weekly downloads
- [fakefilter](https://npm.io/package/fakefilter.md) — 63.9K weekly downloads

## Recent versions

- 0.14.21 (latest) — 2026-10-12
- 0.14.20 — 2026-10-09
- 0.14.19 — 2026-10-06
- 0.14.18 — 2026-10-02
- 0.14.17 — 2026-09-24
- 0.14.16 — 2026-09-18
- 0.14.15 — 2026-09-11
- 0.14.14 — 2026-09-03
- 0.14.13 — 2026-08-27
- 0.14.12 — 2026-08-20
- 0.14.11 — 2026-08-18
- 0.14.10 — 2026-08-08
- 0.14.9 — 2026-08-06
- 0.14.8 — 2026-07-28
- 0.14.7 — 2026-07-26
- … 101 more at https://npm.io/package/@assistant-ui/react-markdown/versions

## README

# `@assistant-ui/react-markdown`

[`react-markdown`](https://github.com/remarkjs/react-markdown) integration for `@assistant-ui/react`. Renders the assistant's markdown output as React components inside `MessagePrimitive.Parts`.

## When to use this

| Package                                  | Best for                                                          |
| ---------------------------------------- | ----------------------------------------------------------------- |
| `@assistant-ui/react-markdown`           | Lightweight rendering; bring your own syntax highlighter.         |
| `@assistant-ui/react-streamdown`         | Feature-rich with built-in Shiki, KaTeX, and Mermaid.             |
| `@assistant-ui/react-syntax-highlighter` | Pair with `react-markdown` when you only need code-block highlighting. |

## Installation

```bash
npm install @assistant-ui/react @assistant-ui/react-markdown react-markdown remark-gfm
```

## Usage

```tsx
import { MarkdownTextPrimitive } from "@assistant-ui/react-markdown";
import remarkGfm from "remark-gfm";

export const MarkdownText = () => (
  <MarkdownTextPrimitive remarkPlugins={[remarkGfm]} className="aui-md" />
);
```

Plug `<MarkdownText />` into `MessagePrimitive.Parts` as the `Text` component to render markdown for every text part.

Full reference at [assistant-ui.com/docs/ui/markdown](https://www.assistant-ui.com/docs/ui/markdown).

---
_Source: https://npm.io/package/@assistant-ui/react-markdown · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._