Components — Lattice

Component reference

Every layout, one click from a live preview.

61 components. Search by name, tag, or what it does — or regroup the set by family, function, or A–Z. Open any one for a preview you can flip into an editor, in the palette you choose up top.

Group by

Titles & breaks

3

Statements

3

Numbers & KPIs

2

Lists & inventories

10

Cards

2

Compare

7

Timelines & roadmaps

2

Charts & diagrams

12

diagram

EvidenceCanvasGraph

Mermaid diagram as the slide's centerpiece.

flowchartorg-chartsequenceprocess

funnel

EvidenceCanvasSeries

Tapering stages that show where a flow drops off, with the conversion rate between each.

percentagesequencepitch

gantt

ProgressionTimelineSeries

Gantt chart — task bars across a date axis.

swimlaneplanningmilestonesagile

journey

ProgressionTimelineStructure

Native user-journey chart — sections of tasks, each tagged with actor(s) and a 1-5 mood. Renders as section bars, task chips, plumb lines, and mood faces.

processassessmentwalkthrough

kanban

ProgressionTimelineSeries

Kanban board — columns of cards by stage.

swimlaneworkflowstatusagileownership

map

EvidenceSpatialSeries

A world-countries (or US-states) basemap that fills regions by value (choropleth) or category (highlight) so the audience leaves knowing where.

metricproportionoverviewvisual

piechart

EvidenceCanvasSeries

Pie or donut chart with legend — proportional wedges.

donutproportionpercentage

progress

EvidenceCanvasSeries

Horizontal progress bars — one row per item, percentage filled.

percentagestoplightstatus

quadrant

EvidenceScatterSeries

Native 2×2 scatter chart — items plotted on two continuous axes.

two-by-twopositioningprioritizerisk

radar

EvidenceScatterSeries

Native radar / spider chart — items rated across multiple axes.

spiderassessmentpositioning

state-chart

ProgressionTimelineGraph

Native state machine diagram — states as a numbered list, transitions as nested inline-code refs.

flowchartstatesworkflow

word-cloud

EvidenceCanvasSeries

Spiral-packed word cloud — items sized by weight.

tag-cloudthemesproportion

Split layouts

2

Code & math

3

Legal

5

Images

1

Other

9

contact

StatementPanelStructure

An identity card that encodes a vCard: name, title and contact lines beside a QR that saves the presenter to a phone.

referenceonboardingkickoff

cycle

ProgressionTimelineStructure

A closed loop of 3-6 stages that returns to its start — for a process with no beginning or end, where the last stage feeds the first.

processworkflowretrospective

inventory

InventoryLedgerStructure

A parallel set of related items of similar weight — one content shape, four interchangeable looks.

overviewsummaryshowcase

matrix-grid

ComparisonMatrixStructure

Two ordered axes as an N×M chart-family grid — each cell marks a position (filled / reachable / not applicable), colored by its row's category from the theme's chart palette.

stoplightassessmentpositioningokr

policy-recommendation

StatementPanelStructure

A legislative recommendation — a stance verdict beside the recommendation, its evidence, and the specific ask to lawmakers.

recommendationregulationrisktakeaway

premise

StatementSplitSeries

A framing claim beside a vertically centered ledger of parallel rows — a number, a term, a description, and a right-aligned note, each row colored by its own categorical hue.

onboardingrankingdefinitionoverview

scene

ImageryCanvasProse

An Anima motion scene as its poster still — an inline, palette-blind SVG that recolors with the theme and bakes crisp into the PDF; the live animation plays in the HTML/present surfaces.

visualshowcasewalkthrough

video

ImageryCanvasProse

A video as a static, PDF-safe embed: a poster that links to the clip, a play badge, the provider's name, and a scannable QR to the same URL — never a live iframe.

visualshowcasepitch

wifi

StatementPanelStructure

A network join card: readable Wi-Fi credentials beside a QR a phone scans to connect in one tap.

referenceonboardingkickoff