Demo for MDX Formatting
By XentriomPublished May 29, 2025

This page demonstrates all the main Markdown and MDX formatters, so you can visually check your Tailwind Typography styles.
Headings
Heading 2
Heading 3
Heading 4
Paragraphs & Emphasis
This is a normal paragraph.
This is bold text, this is italic text, and this is bold italic text.
This is underlined text.
Blockquote
This is a blockquote.
It can span multiple lines.
Lists
Unordered List
- Item one
- Item two
- Nested item
- Deeply nested item
- Nested item
- Item three
Ordered List
- First item
- Second item
- Nested item
- Another nested item
- Third item
Code Block
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));
Links
Images
Horizontal Rule
MDX: Custom JSX
Click to expand!
This is a details/summary block, which is rendered as HTML in MDX.