Slides in Markdown, made to present

Write a presentation as a Markdown file. Present it from the command line, export it to PDF, or put it in any React app.

Get startedSee the examples
npm create @slidewright my-talk

My talk

A subtitle, your name and the date

1 / 6
Slide 1 of 6: My talk

This is the deck that npm create @slidewright gives you. Click it, then use the arrow keys, or swipe on a touch screen. Press O to see all the slides.

All that a talk needs

Markdown first

One file, with --- between slides. Notes and step markers are HTML comments, so the deck is easy to read on GitHub too.

Steps and notes

Show a slide one part at a time. Write notes for each step.

Code

Syntax colours, line numbers, titles, diffs, and lines that you highlight one step at a time.

Diagrams and maths

Mermaid diagrams in the colours of the slide, and LaTeX maths.

Icons

Write :lucide:rocket: to show an icon from more than 200 Iconify sets.

Transitions

Fade, slide or zoom from one slide to the next, or make your own transition with CSS.

Presenter view

Your notes, the next slide and a timer, in a second window that moves with the deck.

Share it

Build a static site for any host, or export the deck to PDF or PNG files.

In your app

<Deck markdown={markdown} /> shows a deck in any React app, and changes when the Markdown changes.

Choose how to use it

Command line

Present, build and export a deck. The project needs only the Markdown file.

Vite plugin

Serve and build a deck in a Vite project.

React component

Show a deck in a React app, such as an editor or a docs site.

Parser

Read decks and compile slides for your own renderer or tools.

Write with an AI agent

A skill teaches the deck format to an agent such as Claude Code, Codex or Cursor. Add it to your project, then ask the agent for a deck.

npx skills add trafargarlaw/slidewright