Getting started
Lattice runs on Node.js. npm install pulls in Marp CLI, the Mermaid
CLI, and Puppeteer (which downloads a matching Chromium). Requires
Node 22+.
Install
Section titled “Install”git clone https://github.com/slidewright/lattice.gitcd latticenpm installRender the example galleries
Section titled “Render the example galleries”The repository ships two gallery decks as ground-truth fixtures for what the renderer produces. Render them with the bundled emulator (no network required):
node lattice-emulator.js examples/gallery.md examples/gallery.pdfnode lattice-emulator.js examples/gallery-mermaid.md examples/gallery-mermaid.pdfOpen examples/gallery.pdf — that is the fastest answer to “what does
this produce?”.
Render your own deck
Section titled “Render your own deck”A deck is a Markdown file with a small front-matter block selecting a
palette. Each slide is separated by ---, and a <!-- _class: ... -->
comment picks the layout.
---marp: truetheme: indacopaginate: true---
<!-- _class: title -->
# From Signal to Strategy
`Product Strategy · Q3 2025`
A decision framework for product leaders.
---
<!-- _class: big-number -->
## 38%
of pipeline stalls trace to a single approval step.Build it to PDF with the preferred path, Marp CLI:
npx @marp-team/marp-cli deck.md --pdf --output deck.pdfThe same source can emit other delivery formats:
npx @marp-team/marp-cli deck.md --html --output deck.htmlnpx @marp-team/marp-cli deck.md --pptx --output deck.pptxnpx @marp-team/marp-cli deck.md --images png # 3840×2160 PNG setRun from outside the repo root? Pass the palettes explicitly:
npx @marp-team/marp-cli deck.md \ --theme-set themes/indaco.css themes/cuoio.css lattice.css \ --image-scale 3 --pdf --output deck.pdfWhat to read next
Section titled “What to read next”- Authoring decks — the layout catalog and the authoring contract for each layout.
- Themes & palettes — pick a palette, or author your own.
- Component reference — every layout, slot, and modifier, browsable in any palette.