Home

Awesome

<div align="center"> <p> <img src="marp.png#gh-light-mode-only" alt="Marp" width="450" /> <img src="marp-dark.png#gh-dark-mode-only" alt="Marp" width="450" /> </p> <p> <strong>Marp</strong>: Markdown Presentation Ecosystem </p> </div>

Marp is the ecosystem to write your presentation with plain Markdown.

<div align="center">

🌐 Website ▶︎ | 💬 Discussion forum ▶︎ | 😎 Awesome list ▶︎

</div>

Marp family

Our project is spread over many repos in order to focus on a limited scope per repository.

This repo (marp-team/marp) is an entrance to the Marp family, and places our website in /website.

Framework / Core

NameDescriptionRelease
MarpitThe skinny framework for creating slide deck from Markdown. (marpit.marp.app)@marp-team/marpit
Marp CoreThe core of Marp converter with practical features and built-in themes.@marp-team/marp-core

Apps

NameDescriptionRelease
Marp CLIMarp Core / Marpit's CLI interface to convert into HTML, PDF, PPTX, and image(s).@marp-team/marp-cli

Integrations

NameDescriptionRelease
Marp for VS CodeA VS Code extension to preview the slide deck written in Marp Markdown.VS Marketplace
<details> <summary>See outdated/inactive projects...</summary><br />
NameDescriptionRelease
Marp WebThe Web interface of Marp based on PWA and Preact framework.tech demo
Marp ReactMarp renderer component for React.@marp-team/marp-react
Marp VueMarp renderer component for Vue.@marp-team/marp-vue

And there is a gravesite of classic Marp app in https://github.com/yhatt/marp. :ghost:

</details>

Ecosystem

Marp ecosystem has a lot of cool stuffs for making awesome presentation. Check out the awesome list of Marp. 😎

Contributing

Marp and sub-projects are following the contributing guideline of marp-team. Please read this before starting work in our projects.

Author

Managed by @marp-team.

Sponsors

We are supported by them! Thanks for our sponsors! :heart:

<!-- [NOTE] Sort sponsors by name when modify. -->

Organization sponsors

<!-- Logo and links for top-tier sponsors (The image should be up to 400px on a side) --> <p align="center"> <a href="https://github.com/markslides"><img src="https://github.com/markslides.png" width="64" height="64" alt="@markslides" valign="middle" hspace="4" /></a> </p> <!-- [TODO] For mid-tier sponsors: As the same format as personal sponsors, add small icons and links to GitHub organization. --> <!-- <p> <a href="https://github.com/xxxxxx"><img src="https://github.com/xxxxxx.png" width="32" height="32" alt="xxxxxx" /></a> </p> -->

Personal sponsors

<!-- [TODO] Currently shows maintainer's sponsors. We should show sponsors for all Marp team members in future. --> <p align="center"> <img alt="Personal sponsors" src="https://yhatt.github.io/yhatt/sponsors.svg" /> </p>

Do you want to sponsor the member of Marp team? See GitHub Sponsors profile(s) from "♥︎ Sponsor" button at the top of repository.

License

MIT License