Meta tags:
description=This article explains in short how MDX came to be and why it exists. It also gives thanks to the people who’ve helped make it and inspired it.;
keywords=mdx,markdown,jsx,oss,react;
author=Titus Wormer;

Headings (most frequently used words):

mdx, who, what, about, is, why, governs, created, designed, the, logo, projects, inspired,

Text of the page (most frequently used words):
mdx (34), markdown (17), the (17), and (16), for (7), jsx (7), #projects (6), html (6), github (5), remark (5), what (5), this (5), inspired (5), created (5), john (5), about (4), with (4), was (4), who (4), great (4), sponsor (3), components (3), loader (3), syntax (3), project (3), does (3), not (3), other (3), following (3), make (3), unified (3), languages (3), most (3), have (3), has (3), relatively (3), opencollective (2), community (2), react (2), skip (2), content (2), site (2), you (2), articles (2), originally (2), ticky (2), jamesknelson (2), rehype (2), were (2), titus (2), wormer (2), acorn (2), gruber (2), helped (2), logo (2), johno (2), otander (2), more (2), forgot (2), they (2), get (2), error (2), stuff (2), like (2), things (2), because (2), confusing (2), sometimes (2), how (2), but (2), are (2), read (2), why (2), blog, contribute, support, playground, vue, rollup, preact, node, esbuild, packages, injecting, demand, embed, highlighting, math, frontmatter, flavored, gfm, guides, troubleshooting, extending, using, getting, started, docs, ceasefire, now, updates, rss, feed, mit, 2017, 2026, track, made, amsterdam, boise, around, published, modified, january, 2025, october, 2021, found, typo, suggestions, edit, page, next, previous, idyll, markup, language, interactive, documents, blocks, eslint, mapbox, fazouane, marouane, threepointone, component, mdxc, currently, heavy, use, specifically, related, tools, marijn, haverbeke, marijnh, wooorm, micromark, popular, variant, mcfarlane, sebastian, markbåge, facebook, inc, sebmarkbage, jgm, commonmark, shape, either, implementation, inspiration, vercel, evil, rabbit, designs, designed, while, everyone, above, key, want, stress, involvement, wrote, code, first, alpha, later, stable, version, idea, combining, collaborative, effort, tim, neutkens, brent, jackson, jessica, stokes, jxnblk, timneutkens, james, nelson, rauchg, guillermo, rauch, javascript, governed, collective, governs, strict, unambiguous, author, slash, somewhere, early, instead, book, going, print, broken, agnostic, semantics, intended, compilers, can, any, domain, specific, meaning, familiar, xml, frontend, world, alternative, amongst, coupled, browsers, useful, too, don, mix, well, resulting, rules, such, blank, lines, attributes, unsafe, default, partially, unsupported, naïve, parsed, doesn, sense, way, extend, that, drawbacks, loose, ambiguous, may, work, won, someone, posting, comment, forum, asterisk, although, images, simple, write, looks, means, easy, there, many, objectively, better, than, however, custom, solves, combination, see, info, article, explains, short, came, exists, also, gives, thanks, people, minutes, navigation,

Text of the page (random words):
about mdx skip to navigation community about 3 4 minutes read by titus wormer about this article explains in short how mdx came to be and why it exists it also gives thanks to the people who ve helped make it and inspired it what is mdx mdx is the combination of markdown with jsx see what is mdx for more info why mdx markdown does not have a syntax for custom components mdx solves this there are many languages objectively better than markdown however markdown is great because it looks like what it means and is relatively easy to read although images are confusing most stuff is relatively simple to write it s loose and ambiguous it may not work but you won t get an error great for someone posting a comment to a forum if they forgot an asterisk markdown does have a way to extend it html but that has drawbacks html in markdown is naïve how it s parsed sometimes doesn t make sense html is unsafe by default so it s sometimes partially unsupported html and markdown don t mix well resulting in confusing rules such as blank lines or markdown 1 attributes html is coupled with browsers markdown is useful for other things too the frontend world has an alternative to html jsx jsx is great amongst other things because it has a relatively familiar syntax like xml it s agnostic to semantics and intended for compilers can have any domain specific meaning it s strict and unambiguous great if an author forgot a slash somewhere as they ll get an error early instead of a book going to print with broken stuff in it who governs mdx the project is governed by the unified collective who created mdx the idea of combining markdown javascript and jsx was a collaborative effort by guillermo rauch rauchg james k nelson jamesknelson john otander johno tim neutkens timneutkens brent jackson jxnblk jessica stokes ticky and more while everyone above was key to mdx we want to stress the involvement of john otander johno john wrote most of the code for the first alpha and later stable version 1 of this project who designed the logo logo designs were created by evil rabbit of vercel what projects inspired mdx the following projects languages and articles helped shape mdx either in implementation or inspiration the markdown and jsx languages inspired mdx markdown was created by john gruber gruber commonmark the most popular markdown variant by john mcfarlane jgm et al jsx was created by sebastian markbåge sebmarkbage et al at facebook inc the mdx js projects currently make heavy use of unified specifically micromark remark and rehype and acorn unified remark rehype and related tools were created by titus wormer wooorm et al acorn by marijn haverbeke marijnh et al the following projects inspired mdx js originally jamesknelson mdxc ticky markdown component loader threepointone markdown in js fazouane marouane remark jsx mapbox remark react rx ts eslint mdx the following articles inspired mdx js originally ia markdown content blocks idyll markup language for interactive documents previous sponsor next projects found a typo other suggestions edit this page on github published on october 6 2021 modified on january 27 2025 mdx is made with ️ in amsterdam boise and around the this site does not track you mit 2017 2026 project on github site on github updates as rss feed sponsor on opencollective ceasefire now ️ skip to content mdx docs what is mdx getting started using mdx extending mdx troubleshooting mdx guides github flavored markdown gfm frontmatter math syntax highlighting embed mdx on demand injecting components packages mdx js esbuild mdx js loader mdx js mdx mdx js node loader mdx js preact mdx js react mdx js rollup mdx js vue remark mdx components playground community support contribute sponsor about projects blog github opencollective