Hello, world
Markdown preview with GFM support.
Features
- Lists like this one
inline code- Links
- Tables
| Tool | Use |
|---|---|
| JSON | format & lint |
| JWT | decode tokens |
function greet(name: string) {
return `Hello, ${name}!`;
}
About Markdown Preview
Markdown Preview renders GitHub-flavoured Markdown live as you type, in a side-by-side or stacked view. Headings, lists, links, code fences, tables, task lists, blockquotes, images, footnotes, and inline HTML all render with the same rules GitHub uses for `README.md` and PR descriptions. The rendered HTML is exportable in one click for paste into a CMS, an email, a static-site source, or anywhere a Markdown engine is not available.
Reach for it when you are drafting documentation, a release note, a Slack post, a PR description, or any text where Markdown is the source format and you want to see what it will look like before pushing. The preview is local — your text never leaves the browser, which matters when the document is private or pre-release. For converting a flat list of lines into a bulleted Markdown list, use Bulletize Lines first; for numbered lists, use Number Lines.
Examples
# Hello
- one
- two
- three
```js
console.log('hi');
```(rendered HTML preview with H1, bulleted list, and a syntax-highlighted code block)GitHub-flavoured Markdown renders headings, bullets, and fenced code blocks live. Click Export HTML to copy the rendered markup.
Frequently asked questions
Which Markdown flavour is supported?
GitHub Flavoured Markdown (GFM) — the same rules GitHub uses, which is a superset of CommonMark plus tables, task lists, strikethrough, autolinks, and footnotes. Most documents written for README files render identically here.
Does it sanitize HTML?
Inline HTML is rendered as-is so you can use it for layout tweaks Markdown does not cover (custom alignment, colour, embeds). The preview runs in your browser, so the rendered HTML executes nothing harmful unless you have asked it to — but treat exported HTML as untrusted before embedding it elsewhere.
How does it differ from Bulletize Lines and Number Lines?
Those tools transform plain text into Markdown source — they add `-` or `1.` prefixes. Markdown Preview takes Markdown source (already formatted) and renders it. Use them in sequence: bulletize first, then preview to see the result.
Is the rendered HTML stable across browsers?
Yes. The renderer is a deterministic Markdown-to-HTML pipeline with no browser-specific quirks; the HTML you export will look the same wherever you paste it, modulo CSS that the destination provides.