DEV Community

Kiran (AK) Adapa
Kiran (AK) Adapa

Posted on

Slide decks with Markdown

If you are a developer or developer minded and creating presentations or slides with Powerpoint or Google Slides, then give Marp.app a try. Once you use it, you will never go back.

Write and version all your presentations in git!

If you love writing in Markdown, Marp.app lets you create beautiful slide decks quickly and easily using Markdown syntax. Here's how to get started and see your changes in real-time:

Write Your Slides in Markdown
Use --- (three dashes) to separate slides. Marp supports all common Markdown features like headers, lists, images, and code blocks. Add a YAML frontmatter at the top with marp: true to enable slide rendering, plus options like theme and pagination.

Preview Your Slides Instantly
Use the Marp CLI or Visual Studio Code Marp extension for live preview. Run marp -w yourslides.md with the CLI to open a localhost preview in your browser that updates as you edit your Markdown.

Apply Themes and Custom Styles
Marp comes with built-in themes like default, gaia, and uncover. You can set the theme in the frontmatter (theme: uncover). For custom styling, Marp supports adding CSS styles directly in your Markdown or creating your own theme.

Export to Multiple Formats
When ready, export your slides to PDF, HTML, or PowerPoint with one command or click, making it easy to share or present.

Marp.app turns your Markdown documents into presentation-ready slides with minimal fuss, perfect for developers who prefer editing text over slide design tools!

Try it out: create a .md file, add --- between slides, open in VS Code with Marp extension or use the CLI, and start presenting from Markdown!

Great Video on how to work with Marp by Doug Mercer

Top comments (0)