HTML / Markdown to PDF
Saving…
Markdown
Preview
🔖
Bookmark this page
Press Ctrl+D to save this tool in your browser for instant access anytime — no sign-up needed.

Free HTML & Markdown to PDF Converter — Live Preview, No Upload

Type Markdown or HTML on the left, preview the styled output on the right, then download as a print-quality PDF. Font, paper size, and orientation controls included.

Share

About this tool

Every developer, writer, and analyst occasionally needs to turn a text document into a properly formatted PDF — whether for a report, a proposal, meeting notes, or technical documentation. The usual options involve pasting into Word, wrestling with formatting, or paying for an online converter that uploads your content to a server. This tool takes a different approach.

HTML / Markdown to PDF is a split-pane editor that runs entirely in your browser. Type or paste Markdown on the left and watch a styled PDF preview update in real time on the right. If you prefer to write raw HTML, flip the mode toggle and get full control over markup. When you are happy with the output, click Download PDF — a print dialog opens and you save the file directly to your computer using your browser's built-in print-to-PDF engine. No file is ever transmitted to a server.

The Markdown parser is the open-source marked library (CommonMark-compliant), so all standard syntax is supported: headings, bold and italic text, lists, tables, code blocks, blockquotes, and inline HTML. The preview iframe uses the same CSS that will be applied when printing, so what you see is close to what you will get.

A set of toolbar controls lets you adjust the output before downloading. Choose between Sans-serif, Serif, or Monospace font families, pick a font size from 11 px to 18 px, select A4, Letter, or Legal paper, and toggle Portrait or Landscape orientation. All these settings are applied via CSS @page rules so the browser's print engine honours them precisely.

Common use cases include writing quick technical reports in Markdown, converting meeting notes to a shareable PDF, producing formatted proposals from an HTML template, and generating documentation from content that already exists as HTML or Markdown in a code repository.

Features

  • 100% client-side — Markdown and HTML never leave your browser
  • Live split-pane preview updates instantly as you type
  • Full CommonMark Markdown support via the marked library
  • HTML mode gives complete control over markup and inline styles
  • One-click Markdown-to-HTML conversion when switching modes
  • Sans-serif, Serif, and Monospace font family options
  • Six font size choices from 11 px to 18 px
  • A4, Letter, and Legal paper sizes via CSS @page rule
  • Portrait and landscape orientation toggle
  • Print-quality base styles: headings, tables, code, blockquotes, lists
  • No watermark, branding, or advertising added to output
  • No account, sign-up, or API key required

How to Use

  1. 1
    Choose your input modeUse the Markdown / HTML toggle in the toolbar to select how you want to write. Markdown mode (the default) is ideal for plain-text writing — headings, lists, bold, code blocks, and tables are written using simple syntax. HTML mode gives you full control if you already have markup or want to use inline styles.
  2. 2
    Write or paste your contentType directly in the left editor panel, or paste content from any source. The editor pre-fills with a sample document so you can see the supported formatting at a glance — select all and delete it to start from scratch. The preview on the right updates continuously as you type.
  3. 3
    Choose font and sizeUse the font family selector (Sans-serif, Serif, or Monospace) and the font size selector (11 px to 18 px) to match the typographic style of the document you need. The preview reflects both choices immediately so you can compare options before downloading.
  4. 4
    Set paper size and orientationSelect A4 (international standard), Letter (North American standard), or Legal from the paper size dropdown. Click the Portrait / Landscape button to switch orientation. These settings are embedded in the document as a CSS @page rule and are applied precisely by the browser when printing.
  5. 5
    Preview and fine-tuneReview the right-hand preview panel to check headings, table alignment, code block formatting, and overall spacing. Make any final edits in the left panel. Because the preview uses the same CSS as the print output, what you see here is representative of the downloaded PDF.
  6. 6
    Download the PDFClick "↓ Download PDF" in the toolbar. A new window opens showing your formatted content, and the browser's print dialog appears automatically. In the destination selector, choose "Save as PDF" (Mac / Chrome), "Microsoft Print to PDF" (Windows), or your system equivalent. Give the file a name and click Save.

Common Use Cases

📝
Technical documentation
Developers who write documentation in Markdown can paste it directly into the editor and download a formatted PDF for sharing with stakeholders who do not use a Markdown viewer. Code blocks, tables, and inline code render cleanly in a monospace font.
📋
Meeting notes and minutes
Write meeting notes using Markdown headings and bullet points for speed, then download a clean PDF to distribute to attendees. The tool adds consistent typography and spacing so the output looks professional without any manual formatting.
📄
Proposals and reports
Structure a project proposal or status report as a Markdown document, use the Serif font for a traditional report look, and download on A4 or Letter paper to match company standards. Tables in Markdown become bordered, properly styled tables in the PDF.
🧑‍💻
Code documentation
Technical write-ups that include fenced code blocks render with monochrome code formatting in the PDF. Switch to Monospace font for a technical aesthetic, or keep Sans-serif with code blocks styled in a light grey background to separate prose from code.
📧
Email-ready formatted content
Paste an HTML email template into HTML mode to preview how the structure will look as a printed document, then export as PDF for archival or for sending as an attachment to recipients who prefer a formatted file over raw HTML.
🗂️
README to PDF
Many open-source projects include detailed README.md files with installation instructions, feature lists, and configuration tables. Paste the README content into Markdown mode and export a formatted PDF for inclusion in a technical portfolio or project handoff package.

Frequently Asked Questions

The tool works entirely in your browser. When you type Markdown, it is converted to HTML in real time using the open-source marked library. That HTML — along with your chosen font, font size, paper size, and orientation — is wrapped in a complete print-ready HTML document and shown in the preview iframe on the right. When you click Download PDF, a new window opens with the styled content and the browser's print dialog is triggered automatically. Choose "Save as PDF" (or "Microsoft Print to PDF" on Windows) to save the file.

No. Everything runs locally in your browser. Your Markdown or HTML text never leaves your device — it is parsed and rendered in memory, the print window is opened client-side, and the resulting PDF is saved directly to your computer by the browser. No data is transmitted to any server at any point.

The tool uses the marked library, which implements the CommonMark specification. All standard Markdown is supported: headings (# H1 through ###### H6), bold and italic text, inline code and fenced code blocks, ordered and unordered lists, blockquotes, horizontal rules, links, images, and tables using the GFM (GitHub Flavored Markdown) table extension. HTML can also be embedded directly in Markdown documents and will be passed through.

Yes. Use the Markdown / HTML toggle in the toolbar. Switching from Markdown to HTML converts your current content to HTML so you can see and edit the raw markup. Switching back to Markdown resets the editor to the sample document, because there is no general-purpose HTML-to-Markdown converter in the browser. If you have important content, copy it out before switching modes.

You can choose between A4 (210 × 297 mm), Letter (8.5 × 11 in), and Legal (8.5 × 14 in) paper sizes, and toggle between Portrait and Landscape orientation. These settings are passed to the CSS @page rule in the print document, so the browser honours them when printing to PDF. The margins are set to 20 mm by default, giving comfortable whitespace on all four sides.

Three font families are available: Sans-serif (the default, using system UI fonts like Segoe UI on Windows and -apple-system on macOS), Serif (Georgia / Times New Roman for a traditional document look), and Monospace (Courier New for technical or code-heavy documents). Font size can be set from 11 px to 18 px. Because these are system fonts, they are available on all devices without any download.

Click "Download PDF" in the toolbar. A print dialog opens in a new window showing the rendered content. In the destination selector, choose "Save as PDF" on Mac or Chrome, "Microsoft Print to PDF" on Windows, or your system's equivalent. Set your preferred file name and click Save. The PDF is created entirely by your browser's built-in print engine, so the output quality matches what you would get from printing any styled web page.

The preview is a live iframe rendering the same HTML and CSS that will be used for printing, so the typography, headings, tables, and code blocks should match closely. However, because the preview iframe does not apply @page margins (those only activate during printing), the page boundaries and final line breaks may differ slightly from the printed output. For a fully accurate proof, use the browser's print preview before saving.

Yes, in both modes. In Markdown, use the standard image syntax: !alt text. In HTML mode, use a standard <img> tag. Images must be reachable as public URLs or data URIs — local file paths will not work because the print window is a separate browser context. Base64 data URIs are the most reliable way to embed images that are not hosted online.

Completely free. No account, no email address, no sign-up of any kind. Open the page and start typing. Because all processing happens in your browser, there are no server costs and therefore no usage limits or premium tier.