About

Markdown has become an essential tool for creating content on the web. It is a simple and easy-to-use markup language that allows users to format text using plain text syntax. However, as the complexity of the content increases, Markdown can become limiting. That's where MDX comes in.This demo site showcases the power of MDX in making Markdown more accessible! This site was created by Monica Powell(opens in a new tab) for Remix Conf(opens in a new tab) and is an MDX-based fork of the remix-docs(opens in a new tab) stack (which uses Markdoc).

The source code for this project can be viewed at: github.com/m0nica/remix-mdx-docs(opens in a new tab)

Supercharge Markdown with MDX

MDX is a syntax extension that allows users to include JSX components directly in Markdown. This provides an incredible level of flexibility and functionality, enabling developers to create rich, interactive content using a combination of Markdown and React components.

Our demo site is designed to showcase the potential of MDX. Here, you will find a collection of examples that demonstrate how MDX can be used to create engaging, interactive content. From embedding videos and images to creating interactive charts and graphs, MDX makes it easy to create content that is both informative and engaging.

So, whether you're a developer looking to take your Markdown content to the next level, or a content creator looking to make your content more engaging, we invite you to explore our demo site and discover the power of MDX!