Markdown Slides
Preview a Markdown slide deck — Slidev / Reveal.js / Marp compatible
Paste Markdown separated by --- to step through slides with keyboard navigation. Drafts ship straight to Slidev, Reveal.js, or Marp without modification. Runs in your browser.
How to use the Markdown slides preview
- Write Markdown with
---separators between slides. - The deck preview shows the current slide with a 16:9 aspect ratio.
- Click thumbnails or use arrow keys to navigate.
- Copy the current slide to clipboard, or paste the whole deck into Slidev / Reveal.js / Marp for final delivery.
Slide deck conventions
Every popular Markdown slide framework uses the same separator:
# Title slide
Subtitle text.
---
## First slide
- Bullet one
- Bullet two
---
## Closing
Thanks!
That portability is one of the reasons Markdown is winning for technical presentations — your slides are not locked into one tool.
Tips for great Markdown slides
- One thought per slide. Bullets are fine; paragraphs aren't.
- Use code fences. Syntax highlighting makes engineering talks vastly more readable than screenshots.
- Lean on contrast. Decks look better with short titles and short bullets.
- Use the speaker-note feature of your target framework to add detail you don't need on screen.
- Always test on the projector. A theme that looks fine on a laptop sometimes fails on stage.
Companion tools
- Markdown Editor — write the deck source with live preview.
- Markdown Outline Reorder — reshuffle slide order.
- Markdown Merge & Split — combine multiple decks or split a long deck into chapters.
Privacy & data
The slide split and preview run inside your browser. No deck content is uploaded.
Frequently asked questions
- Slides are separated by a `---` on its own line — the same convention used by Slidev, Reveal.js, and Marp. Each chunk becomes one slide; the first H1/H2 in the chunk becomes the slide title.
- No — this is a preview and authoring helper. For final presentation (themes, transitions, exports), use Slidev, Reveal.js, or Marp. The Markdown you write here works in all three with no modification.
- The frameworks have their own speaker-note syntax (`<!-- speaker notes -->` for Reveal.js, `notes:` frontmatter for Slidev). Add them in your editor as needed; this preview ignores notes and shows the slide content.
- Version control: tracked in git alongside code. AI-friendly: easy to draft with an LLM. Reusable: the same Markdown can feed a blog post, a release note, and a deck. Diffable: review changes line by line. Faster: skip the visual fiddling of PowerPoint.
- Yes — the preview uses our standard Markdown renderer with GitHub-flavored extras. Code blocks get syntax highlighting, and inline math works inside `$...$` if you enable it in the editor.
- No. The split and preview both run in your browser.