Everything on this page renders live in Markdown Preview, a free editor that runs entirely in your browser: paste an example, and the preview updates as you type. Math, diagrams, callouts and footnotes included.
Basics
You type
You get
# Heading 1
Top-level heading; ## and ### for levels 2 and 3
**bold**
Bold text (Cmd/Ctrl+B in the editor)
*italic*
Italic text (Cmd/Ctrl+I)
~~struck~~
Strikethrough
==highlighted==
Highlighted text
`code`
Inline code
---
Horizontal rule on its own line, after a blank line. Also the slide break in presentation mode
Links & images
You type
You get
[text](https://example.com)
Link (Cmd/Ctrl+K wraps the selection)
Image; click it in the preview for a lightbox
[jump](#heading-id)
Anchor link to a heading in the same document
Lists
You type
You get
- item
Bulleted list; * and + also work
1. item
Numbered list; Enter continues numbering
- [ ] todo
Task list; [x] marks it done, checkboxes are live
- nested
Indent two spaces (Tab / Shift+Tab in the editor)
Blocks
You type
You get
> quoted text
Blockquote
```js
code here
```
Fenced code block with syntax highlighting
> [!NOTE]
> Useful info
Callout; also TIP, IMPORTANT, WARNING, CAUTION
Tables
You type
You get
| Name | Value |
| --- | ---: |
| Cell | 42 |
Header row, then a divider; :--- left, :---: center, ---: right align
Extras
You type
You get
[^1] and [^1]: note text
Footnote reference and its definition
:rocket: :sparkles:
Emoji shortcodes
$E = mc^2$
Inline math (KaTeX); $$ ... $$ for block math
```mermaid
graph TD; A-->B
```
Mermaid diagram from a code fence
<details><summary>More</summary>…</details>
Collapsible section; headings also fold on click
Try it live
Open the editor and see every one of these render instantly. No account, no upload, your documents never leave your device.
