What is Marp?

Marp is the Markdown Presentation Ecosystem. It provides an intuitive experience for creating beautiful slide decks. You only have to focus on writing your story in a Markdown document.

How to write slides

Split pages by horizontal ruler (---). It's very simple!

# Slide 1

foobar

---

# Slide 2

foobar

What is UnoCSS?

UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated and all the CSS utilities are provided via presets.

For example, you could define your custom CSS utilities, by providing rules in your local config file.

export default defineConfig({
  rules: [
    [/^m-([\.\d]+)$/, ([_, num]) => ({ margin: `${num}px` })],
  ],
})

Marpuno is a Marp project template that integrates UnoCSS.
It allows you to use UnoCSS utilities in your Marp slide decks.

# What is Marpuno?

::::grid grid-cols-2 gap-4 items-center
:::

Marpuno is a Marp project template that integrates UnoCSS.
It allows you to use UnoCSS utilities in your Marp slide decks.

:::
:::

Now I'm on the right side of the slide.

:::
::::