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
1
Weekly
0
Open issues
0
Bundle
~60 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
- 0 weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~60 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 0 open issues on GitHub