Interactive Syntax Guide • 1-Click Copy

Complete Markdown Cheat Sheet

The ultimate reference for CommonMark and GitHub Flavored Markdown (GFM) syntax elements.

Headings (H1 to H6)Basic
# Heading 1
## Heading 2
### Heading 3
Visual Render:

Heading 1

Heading 2

Heading 3

Bold & StrongBasic
**Bold text** or __Bold text__
Visual Render:
Bold text
Italic & EmphasisBasic
*Italic text* or _Italic text_
Visual Render:
Italic text
BlockquoteBasic
> This is a quote.
>> Nested quote.
Visual Render:
This is a quote.
Unordered Bullet ListBasic
- First item
- Second item
  - Sub-item
Visual Render:
  • First item
  • Second item
Ordered Numbered ListBasic
1. First step
2. Second step
3. Third step
Visual Render:
  1. First step
  2. Second step
Inline CodeBasic
Use the `npm install` command.
Visual Render:
Use the npm install command.
Fenced Code BlockBasic
```javascript
function greet() {
  return 'Hello World';
}
```
Visual Render:
function greet() {
  return 'Hello World';
}
HyperlinkBasic
[Visit MarkdownKite](https://markdownkite.com)
Visual Render:
ImageBasic
![Alt description](https://via.placeholder.com/300x150)
Visual Render:
[Embedded Image Component]
Horizontal RuleBasic
---
***
___
Visual Render:

GFM TablesExtended (GFM)
| Col 1 | Col 2 |
| :--- | :---: |
| Data | Center |
Visual Render:
Col 1Col 2
DataCenter
Task ChecklistExtended (GFM)
- [x] Finished task
- [ ] Pending task
Visual Render:
Finished
Pending
StrikethroughExtended (GFM)
~~Deprecated content~~
Visual Render:
Deprecated content
FootnotesExtended (GFM)
Here is a statement[^1].

[^1]: Reference details.
Visual Render:
Here is a statement[1].
Collapsible Accordion (Details)Extended (GFM)
<details>
<summary>Click to Expand</summary>

Hidden details and markdown content here.
</details>
Visual Render:
Click to Expand

Hidden details and markdown content here.

Text Highlight / MarkExtended (GFM)
==Highlighted important notice==
Visual Render:
Highlighted important notice
Subscript & SuperscriptExtended (GFM)
Water is H~2~O and 10^2^ = 100
Visual Render:
Water is H2O and 102 = 100
GitHub Alert: NoteComponents
> [!NOTE]
> Useful information that users should know.
Visual Render:
NOTE: Useful information that users should know.
GitHub Alert: WarningComponents
> [!WARNING]
> Critical information that requires immediate user attention.
Visual Render:
WARNING: Critical information that requires immediate user attention.
Complete Guide & Overview

Official CommonMark & GitHub Flavored Markdown (GFM) Reference

A complete, searchable syntax reference guide for Markdown writers, developers, and content managers. Includes one-click copyable snippets and live visual output previews.

How to Use the Markdown Cheat Sheet

1

Find Your Desired Syntax

Use the search bar to filter by element name (e.g. table, link, checklist, footnote).

2

One-Click Copy Snippet

Click the copy icon on any syntax card to copy the exact Markdown markup to your clipboard.

3

Paste in Any Markdown Tool

Paste directly into MarkdownKite Editor, VS Code, Obsidian, GitHub issues, or your personal documentation site.

Key Features & Capabilities

Covers all CommonMark standard elements (Headings, Lists, Quotes, Code, Links)
Includes extended GFM elements (Tables, Task lists, Strikethrough, Footnotes)
1-Click instant snippet copy button for every syntax item
Real-time instant text search filtering
Live visual rendered output preview for every syntax element

Frequently Asked Questions

What is the difference between CommonMark and GitHub Flavored Markdown?

CommonMark is the standardized, unambiguous specification for basic Markdown. GitHub Flavored Markdown (GFM) extends CommonMark with additional productivity features like tables, task checklists, autolinks, and strikethrough.

How do I create an interactive task list in Markdown?

Use '- [ ] Task name' for an unchecked item, and '- [x] Task name' for a completed task item.