MDX
Write JSX directly in Markdown for rich, interactive content and documentation.
Markdown, editors and content npm MIT
Used in agent projects
69
0.5% of 12,697 public repos built with AI coding agents
Rank in markdown, editors and content
#11 of 46
by use in those projects
Downloads
22.2M
npm, last 7 days, @mdx-js/react
GitHub stars
19.8K
last push Oct 7, 2026
How MDX is used
MDX is a dependency in 69 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (0.5%), #11 of 46 in markdown, editors and content. The most used alternative there is react-markdown. Projects that use it most often also use clsx (78.3%), remark-gfm (53.6%), React (94.2%).
Often used with MDX
| clsx | 78.3% of MDX projects · 4.4× more than average |
|---|---|
| remark-gfm | 53.6% of MDX projects · 23.6× more than average |
| React | 94.2% of MDX projects · 2.2× more than average |
| Next.js | 68.1% of MDX projects · 3.0× more than average |
| Tailwind Merge | 56.5% of MDX projects · 3.4× more than average |
| Class Variance Authority | 50.7% of MDX projects · 3.6× more than average |
| Lucide React | 59.4% of MDX projects · 3.0× more than average |
| TypeScript | 98.6% of MDX projects · 1.8× more than average |
By coding agent
| GitHub Copilot | 1.0% of projects set up for it |
|---|---|
| Claude Code | 0.9% of projects set up for it |
| Cursor | 1.0% of projects set up for it |
| Gemini CLI | 1.6% of projects set up for it |
| OpenAI Codex | 1.6% of projects set up for it |
| Devin Desktop | 1.8% of projects set up for it |
| Kiro | 3.4% of projects set up for it |
Share of public repos configured for each agent that list MDX as a dependency.
Install
| Package | npm install @mdx-js/react |
|---|---|
| Packages counted | @mdx-js/react, @mdx-js/loader, @mdx-js/mdx, @mdx-js/rollup, @mdx-js/esbuild |
| Main stacks | Next.js (45), TypeScript / JavaScript (23), Python (1) |
| Example projects | primer/react, wesbos/wesbos, unchain-tech/UNCHAIN-projects, amirardalan/portfolio, WTFAcademy/frontend |
Alternatives to MDX
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| react-markdown npm React component for rendering markdown with customizable component handling. |
360 (2.8%) | 37.2M | 15.9K | MIT |
| remark-gfm npm Remark plugin adding GitHub Flavored Markdown support for tables and strikethrough. |
288 (2.3%) | 44.5M | 1,249 | MIT |
| Jinja2 pypi Fast and expressive template engine for Python with powerful flexibility. |
175 (1.4%) | 145M | 11.8K | — |
| Marked npm Fast, efficient markdown parser for converting markdown to HTML. |
148 (1.2%) | 83.8M | 37.2K | MIT |
| React Syntax Highlighter npm React component for syntax highlighting code with Prism.js or Highlight.js. |
110 (0.9%) | 7.8M | 4,674 | MIT |
| gray-matter npm Parser extracting YAML/JSON front matter from markdown and text files. |
106 (0.8%) | 10.6M | 4,490 | MIT |
| Tiptap npm Headless Vue/React rich text editor framework with customizable extensions. |
105 (0.8%) | 18.7M | 38.7K | MIT |
| Pygments pypi Syntax highlighting library for code in Python supporting hundreds of programming languages. |
97 (0.8%) | 239M | 2,213 | — |