Markdown is lightweight plain text that reads cleanly even before it's formatted, then renders into styled HTML for the web. If you write README files, documentation, or forum posts, you've almost certainly written markdown without thinking about it — it is the quiet default for everything from GitHub issues to chat messages.

This tool renders that markdown into HTML in real time. As you type, a preview updates on the right: `#` becomes a heading, `**bold**` becomes bold, fences around code turn into syntax-highlighted blocks, and `> quotes` become blockquotes. A live preview is the fastest way to confirm your syntax is right before it ships — catching a missing closing fence or a stray marker the instant it happens, instead of discovering it after you've committed.

The rendered output is also available as HTML you can copy — useful when you need the compiled markup rather than the source, such as dropping a formatted block into a CMS or an email template. Everything runs in your browser using the marked and highlight.js libraries; nothing is uploaded. A stats panel tracks character count, word count, and how many code blocks you've used, so you can gauge the size of a document at a glance.

The tool uses two well-known open-source libraries:

• marked — parses CommonMark/GFM markdown and emits HTML. Handles headings, paragraphs, emphasis, lists, links, images, tables (GitHub-flavored), blockquotes, and code spans. • highlight.js — syntax-highlights fenced code blocks. When you specify a language after the opening fence (```js), it highlights for that language; without one it attempts auto-detection.

All rendered HTML is passed through DOMPurify before injection into the page, so a malicious payload in the source — a <script> tag, an onerror handler, or a javascript: link — is stripped rather than executed. The stats panel reports the source's character count, word count, and the number of code blocks (fenced plus inline) detected.