What is mdx-deck?

MDX Deck is a tool for creating slide presentations using Markdown files. Instead of building slides in presentation software or a web-based tool, you write each slide as a section of a plain-text Markdown file, separating slides with --- dividers, and MDX Deck turns it into a presentation you can view and navigate in a web browser. Because it uses MDX, a format that extends Markdown with support for React components, you can drop interactive components directly into your slides. If you have a chart, code demo, or custom UI element built in React, you can import it into a slide the same way you would import it into a React app. This is what sets MDX Deck apart from slide tools that only support static text and images. Getting started requires installing the npm package, creating an MDX file with your slide content, and running a dev server. You navigate between slides using the left and right arrow keys in the browser. A presenter mode, activated with a keyboard shortcut, shows a preview of the next slide, a timer, and speaker notes in a separate window while the audience sees only the main slides. Both windows stay in sync automatically. Theming uses Theme UI, which means you can change fonts, colors, and layout by providing a theme object. Several built-in themes are included to get started quickly. Additional components are available for speaker notes, persistent header and footer content, and multi-step animated reveals within a single slide. The project is JavaScript-based and MIT-licensed.