MA

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-jsx

Code 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

FAQs

Alternatives & similar libraries