Markdown-powered slide decks built in.
<!-- _layout: left -->
<!-- _layout: right -->
Content aligned to the right.
Good for conclusions and emphasis.
<!-- _layout: cols -->
Use ::: col blocks for each column.
columns-2Use <!-- _layout: columns-2 --> and content flows automatically. No ::: col needed.
Best for lists, short paragraphs, or sections that distribute naturally across two columns.
Features — Single binary, Markdown, no external deps.
Layout options — lead, left, right, columns, split, timeline.
Styling — _layout, _gap, _align, _class.
35%
of an audience’s retention rate is attributed to the visuals used.
They may forget what you said, but they will never forget how you made them feel.
Carl W. Buechner
Mix ::: hero, ::: stat, ::: caption, ::: label on one slide.
<!-- _layout: split --> — use ::: col for each panel.
Title or visual placeholder. Smaller area.
Main content goes here. Larger area for details, lists, or paragraphs.
<!-- _layout: timeline --> with ::: timeline
<!-- _layout: fit --> — compact sizing
| Directive | Effect |
|---|---|
_layout |
Structure: lead, left, right, big, quote, columns-2, columns-3, split, cols, timeline |
| Blocks | ::: col, ::: hero, ::: stat, ::: caption, ::: label, ::: timeline |
_gap |
Spacing: tight, normal, loose |
_align |
Alignment: start, center, end |
<!-- _header: ... --> and <!-- _footer: ... -->
Override presentation-wide header and footer for a single slide.
<!-- _paginate: false --> hides the slide number.
Dorcs — Static docs and slides in one place.
→ / Space to navigate · ← to go back · F for fullscreen