MDX

Health v2 · maintenance only

Adoption not part of the score

19793 stars · 1177 forks observed · 2026-09-21

What it is AI-extracted, prompt v1, taxonomy v1, 2026-10-19, confidence 0.97

MDX is a format that combines Markdown with JSX, allowing you to embed interactive components directly in your content. It compiles MDX files to JavaScript for use in React, Vue, Preact and other JSX‑based frameworks.

Use cases

• Write blog posts with embedded React components
• Create documentation pages that include live charts or interactive demos
• Build static sites where Markdown content needs custom UI elements
• Add component‑driven content to a Next.js or Gatsby site
• Author technical tutorials that require code execution or visualizations

When to choose

• You need to mix Markdown prose with JSX components in a single file
• Your project uses a JSX runtime like React, Vue, or Preact
• You want a compile‑time solution with no runtime overhead
• You need integration with bundlers such as webpack, Rollup, or Vite

When to avoid

• Your content is pure Markdown without any component requirements
• You are working in environments that do not support JSX or modern JavaScript
• You need a runtime‑only solution with on‑the‑fly parsing

Facets

library · maturity active

parser compiler templating web-development documentation frontend browser mdx jsx markdown react vue preact unified remark nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="mdx-js/mdx")