---
title: MDX to PDF
description: Convert Markdown and MDX into a clean printable PDF
---

# MDX to PDF

Write **Markdown** and MDX-flavored content on the left, preview the printable document on the right, then click **Save PDF**.

<Callout type="info" title="Private by default">
  Your source is compiled in this browser and autosaved locally. Use your browser's print dialog to save the preview as a PDF.
</Callout>

## Document sections

Use headings, tables, lists, code blocks, blockquotes, and simple JSX components.

<div className="demo-grid">
  <Card title="Readable layout">
    The preview uses an A4-like page with print-friendly spacing.
  </Card>
  <Card title="MDX support">
    Expressions work too: **{new Date().getFullYear()}**.
  </Card>
</div>

## Checklist

- [x] Edit MDX
- [x] Preview the printable page
- [x] Save as PDF from the browser print dialog

| Feature | Status |
| --- | :---: |
| GFM tables | ✅ |
| Task lists | ✅ |
| JSX components | ✅ |

> Tip: in the print dialog, choose “Save as PDF” and keep background graphics enabled for the best result.