Markdown cheatsheet with live split editor. Covers CommonMark, GitHub Flavored Markdown (GFM: tables, task lists, strikethrough, footnotes), MDX components, Obsidian-style callouts, and Mermaid diagrams.
Quick reference
How to Use Markdown Cheatsheet & Editor in 3 Steps
Configure. Type or paste Markdown on the left. The right pane renders live with GFM extensions: tables, task lists [ ], strikethrough, footnotes[^1], automatic URL linking.
Process. Toggle between GFM (GitHub), CommonMark (strict), MDX (with JSX), or Obsidian modes to preview each flavor's quirks.
Export. Copy the rendered HTML, export as a standalone .html file, or grab the raw Markdown. Paste into README.md, blog posts, or docs.
Why Markdown Cheatsheet & Editor on Pixlane
Markdown is everywhere — GitHub READMEs, Notion, Obsidian, static site generators, MDX pages. But each flavor has its own extensions: GitHub adds tables and task lists, Obsidian adds callouts and wikilinks, MDX adds inline JSX. Pixlane's cheatsheet covers all common extensions with a live split editor — type on the left, see the rendered HTML on the right with instant copy-as-HTML button.
GitHub Flavored Markdown — Full GFM support: tables with alignment, task lists, strikethrough, fenced code with language hints, autolink for URLs and issue/user references.
MDX Preview — Inline JSX components render as placeholders with names — useful for catching typos in component imports before committing to Next.js or Astro.
Callouts — Obsidian-style `> [!NOTE]`, `> [!WARNING]`, `> [!TIP]` callouts with appropriate icons and colors. Also supported: GitHub Docs callout syntax.
Export Options — Copy-as-HTML with inline CSS, copy raw Markdown, or download standalone HTML file. Works with every CMS, static site generator, and documentation tool.
Frequently Asked Questions
What's the difference between CommonMark and GFM?
CommonMark is the formal spec of Markdown (no extensions). GFM adds tables, task lists, strikethrough, and automatic URL links. Most tools (GitHub, GitLab, Discourse) use GFM. Pure CommonMark is stricter — use it when you need guaranteed compatibility.
What is MDX?
Markdown with embedded JSX — lets you write `<MyComponent />` inside Markdown. Used by Next.js, Astro, Docusaurus, and modern doc sites. Pixlane previews MDX by rendering components as labeled placeholders.
Is Mermaid supported?
Yes. Fenced code blocks with `mermaid` language are parsed and rendered as diagrams (flowcharts, sequence, gantt, etc.) using client-side Mermaid — the same library GitHub uses.
Is this tool free?
Yes. Markdown Cheatsheet on Pixlane is completely free with no signup required.