Deck | Docs

Available format: deck is the default format: every scene is a slide.

Click the deck, then use ← → · 13 slides · 01:02Open fullscreen →

What you get

Feature	Where to read more
Ten layouts: cover, section, grid, columns, split, image left / right, background image…	Layouts
Code highlighted with Shiki, tabbed code groups, KaTeX math, Mermaid diagrams	Code, math & diagrams
Speaker notes and progressive steps	Notes & steps
MDX: React components and expressions in slides	MDX
Colors, fonts, radius, footer, dark mode, 16:9 or 4:3, transitions	Theme
Density rules and accessibility checks with line numbers	Density rules, Accessibility
Presenter console, laser pointer, pen, smartphone remote	Presenter console, Smartphone remote
Static site, single HTML file, PDF	Exporting
Embeds in a Récit site, with per-slide search	Stories in a site

A minimal deck

slides.md
---
title: Lorem ipsum
author: Dolor Sit
---

--- layout=cover

# Lorem ipsum

--- layout=grid cols=2

# Two ideas

:::card
### Simple
Plain Markdown, nothing else.
:::

:::card
### Complete
Themes, exports, presenter console.
:::

Bash
npx recit dev slides.md

Packages

Package	Role
`@recit/core`	parses and compiles the story (`compileStory`), configuration, rules
`@recit/deck`	React runtime: stage, slides, steps, presenter console, remote
`@recit/components`	the components used in the slides
`@recit/theme`	tokens and styles of the slides, print styles
`@recit/cli`	`recit init`, `dev`, `build`, `export`

Examples

The repository ships six decks in examples/deck-*: starter, tech-talk, showcase, pitch, course and mdx. They are played, with their source, on presentation.recit.dev. Run one locally with pnpm --filter recit-example-deck-showcase dev.