MDX Blog Post

Blog posts support

Docusaurus Markdown features

, such as

MDX

. This means you can mix Markdown with React components to create rich, interactive content.

What MDX Unlocks

⚛️

React Components

Embed live UI elements directly in your post.

🎨

Styled Layouts

Use JSX and inline styles for rich formatting.

✍️

Markdown Syntax

Still write plain Markdown — MDX is a superset.

🔗

Docusaurus Features

Admonitions, tabs, code blocks, and more.

Interactive Example

For example, use JSX to create an interactive button right inside your post:

<button onClick={() => alert('button clicked!')}>Click me!</button>

tip

Use the power of React to create interactive blog posts — demos, calculators, live previews, and more.