Skip to content

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.

4 slide(s) · Use ← / → to navigate

Markdown slides

Slide 1 of 4

Markdown slides

Welcome — paste Markdown separated by --- to split into slides.

Compatible with Slidev,Reveal.js, andMarp — all of which use--- as the slide separator.

How to use the Markdown slides preview

  1. Write Markdown with --- separators between slides.
  2. The deck preview shows the current slide with a 16:9 aspect ratio.
  3. Click thumbnails or use arrow keys to navigate.
  4. 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

Privacy & data

The slide split and preview run inside your browser. No deck content is uploaded.

Frequently asked questions

How does the slide split work?
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.
Is this a full slide framework?
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.
Can I use speaker notes?
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.
Why write slides in Markdown at all?
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.
Does the preview support code highlighting and math?
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.
Is anything uploaded?
No. The split and preview both run in your browser.