What it is

Renders Markdown to React elements, v10, without dangerouslySetInnerHTML. Built on the unified/remark pipeline, so plugins add GitHub-flavoured tables, math or raw HTML, and you can map any element to your own component.

Why it earns a slot

Anything with an LLM in it renders Markdown, and models emit it by default. Because it builds React nodes rather than injecting HTML, you get XSS safety without sanitising strings yourself.

Know before you commit

Tables, strikethrough and autolinks need remark-gfm — the frequent 'why is my table plain text' bug. Re-parsing on every token makes streaming chat slow unless you memoize.

Getting started

npm install react-markdown remark-gfm

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

Field check

Unverified

Sign in to confirm this entry is still accurate.

Pricing snapshot

Free · MIT

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate react-markdown (https://github.com/remarkjs/react-markdown) for this project, then use it only if it fits what we are already building.
Context: Markdown renderer. Renders Markdown to React elements, v10, without dangerouslySetInnerHTML. Built on the unified/remark pipeline, so plugins add GitHub-flavoured tables, math or raw HTML, and you can map any element to your own component.
Reviewer notes (general, not written for this codebase): Anything with an LLM in it renders Markdown, and models emit it by default. Because it builds React nodes rather than injecting HTML, you get XSS safety without sanitising strings yourself.
Watch out for: Tables, strikethrough and autolinks need remark-gfm — the frequent 'why is my table plain text' bug. Re-parsing on every token makes streaming chat slow unless you memoize.
Pricing: Free · MIT
Setup: npm install react-markdown remark-gfm
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/react-markdown