React Markdown Preview
@uiw/react-markdown-preview
React component preview markdown text in web browser. The minimal amount of CSS to replicate the GitHub Markdown style.
Markdown
react
markdown
prismjs
react-markdown
@uiw/react-markdown-preview
javascript
npm
frontend
open source
ui
Stars
350
Weekly
800k
Open issues
39
Bundle
~25 kB
Installation
npm install @uiw/react-markdown-previewCode example
import { MarkdownPreview } from "@uiw/react-markdown-preview";
export function Example() {
return (
<div>
<h2>React Markdown Preview</h2>
<MarkdownPreview />
</div>
);
}Pros & cons
Pros
- Actively maintained by kenny wang
- 800k weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 39 open issues on GitHub