Marp examples: six lecture decks and the patterns in them

By Ekrem Çetinkaya · Published 13 September 2026

The best Marp examples are complete decks, not snippets: six are on the templates page, each opens in the online editor, and each demonstrates a set of patterns (title slide, section divider, two columns, image beside text, table, practice slide, backup slides) with the Markdown visible. This page walks through the patterns and points at the deck that shows each.

The six decks

Each carries its style in the front matter, so it renders the same in marp-cli, VS Code, the editor and Lecture Studio.

Pattern: the front matter

---
marp: true
theme: default
paginate: true
size: 16:9
header: "CS101 · Introduction to Operating Systems"
footer: "Week 5 · Scheduling"
style: |
  section { font-size: 20px; padding: 40px 48px; justify-content: flex-start; }
  section h1 { font-size: 36px; }
  .columns { display: flex; gap: 32px; }
  .column { flex: 1; min-width: 0; }
  .source { position: absolute; left: 48px; bottom: 44px; font-size: 13px; color: #737373; }
---

Lecture-sized type, top-justified, a columns layout and a source line. Every deck here starts this way; the numbers change, the shape does not.

Pattern: title slide and dividers

<!-- _class: lead -->
<!-- _paginate: skip -->
<!-- _header: "" -->
<!-- _footer: "" -->

# Week 5: CPU scheduling
## CS101 · Introduction to Operating Systems
Dr. Jane Doe · Department of Computer Engineering · Fall 2026

and, inside the deck, <!-- _class: divider --> with <!-- _paginate: skip --> so section slides are uncounted. Details: title slide.

Pattern: a claim with its source

## The convoy effect

Short processes wait behind one long one; throughput falls.

<span class="source">Silberschatz et al., 2018, §5.3.1</span>

<!--
Draw the chart on the board first. Common error: starting P2 at its arrival.
-->

One claim as the title, the source pinned to the bottom, the note as a comment. This is the slide a lecture deck is made of; the reasoning is in citing sources in slides.

Pattern: two columns

<div class="columns">
<div class="column">

### Criteria
- Throughput
- Waiting time

</div>
<div class="column">

### The catch
No policy wins on all five.

</div>
</div>

Blank lines inside each div are required. Columns guide.

Pattern: image beside text

![bg right:45% contain](assets/queue.png)

## Queue
- `enqueue` at the tail
- `dequeue` at the head

Images guide.

Pattern: table with the answer in bold

| Predictor | Interactive | Batch |
|---|---|---|
| Exp. average | 6.7 | **2.1** |
| **Two-state (ours)** | **4.3** | 2.4 |

The thesis deck; the bold cell is what the audience should see first. Tables guide.

Pattern: practice, then answer

## Practice
Three processes arrive at $t = 0$ with bursts 6, 8, 7. Draw the Gantt chart for FCFS and SJF.

*Pairs, four minutes.*

---

## Answer
…

Question and answer on separate slides, so the reveal is a slide change and works in the PDF too. Lecture Studio's Practice questions starter writes these pairs from the readings.

Pattern: backup slides

After the closing slide, <!-- _paginate: false --> on each backup slide (the talk and thesis decks). They are in the file for questions and out of the numbering.

Your own examples

Fork a template, keep the front matter, replace the content. If a pattern keeps recurring across a course, move its CSS from the style: block into a theme (theme builder) and the pattern into a snippet; Lecture Studio's editor has insert buttons for the common ones.

FAQ

Where can I find Marp presentation examples?

Six complete decks are on the templates page of this site, each opening in the online editor with the Markdown visible.

Is there a Marp template for lectures?

Yes: the Lecture template, with a title slide, dividers, two columns, a practice slide and notes with time checks; download the .md or open it in the editor.

Can I use these examples in my own course?

Yes, freely. They are plain Markdown with no attribution required.

How do the examples handle themes?

Each carries its style in the front matter and names the default theme, so no theme file is needed; swap the theme in the editor's menu or build your own.