Demos

Demos

Every demo is a folder of examples/ you can run locally. Click a card to read its page (features, source code, interactive deck), or open the demo fullscreen from there.

Starter

The minimal deck: three slides of plain Markdown, no configuration.

MD3 slides2 layouts
Lorem Ipsum Talk

A conference talk: card grid, quote, Mermaid diagram and speaker notes.

MD5 slides3 layouts
Showcase

Every layout and directive, a full recit.config and a custom component.

MD13 slides9 layouts
Lorem — Product pitch

A 4:3 pitch with a light theme, brand colors, image layouts and fade transitions.

MD6 slides6 layouts
Lorem Ipsum Course

A course handout with KaTeX formulas, tabbed code, a Mermaid diagram and progressive steps.

MD8 slides3 layouts
MDX Deck

An MDX deck: built-in components, stateful React components and expressions.

MDX4 slides3 layouts
Lorem Ipsum Review

A review deck published inside a Récit site, with a sequence diagram.

MD4 slides3 layouts

Which example for which need?

DemoLevelWhat it shows
StarterBeginnerthe minimum: plain Markdown, no configuration
Tech talkBeginnercards, quote, Mermaid diagram, speaker notes
ShowcaseIntermediateevery layout, the full configuration, a custom component
PitchIntermediate4:3 format, light theme, brand colors, fade transitions
CourseIntermediatemath, table, tabbed code, quiz with steps
MDXAdvancedstateful React components, expressions, imports
SiteAdvancedpublishing stories inside a Récit site

Run an example

TerminalBash
pnpm install
pnpm build
pnpm --filter recit-example-deck-showcase dev

Every deck example also provides build, export (PDF) and export:html. Want to start from one? See Templates.