Markdown To Jsx
markdown-to-jsx
A very fast and versatile markdown toolchain. AST, React, React Native, SolidJS, Vue, Markdown, and HTML output available with full customization.
React Native Libraries
markdown
markdown parser
react
preact
jsx
vue
vuejs
vue3
solid
solidjs
Stars
595
Weekly
4.0M
Open issues
7
Bundle
~25 kB
Installation
npm install markdown-to-jsxCode example
import { View, Text, StyleSheet } from "react-native";
import { MarkdownToJsx } from "markdown-to-jsx";
export function Example() {
return (
<View style={styles.box}>
<Text style={styles.title}>Markdown To Jsx</Text>
<MarkdownToJsx />
</View>
);
}
const styles = StyleSheet.create({
box: { flex: 1, alignItems: "center", justifyContent: "center", gap: 8 },
title: { fontSize: 18, fontWeight: "600" },
});Pros & cons
Pros
- Actively maintained by Evan Jacobs
- 4.0M 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
- 7 open issues on GitHub