Skip to content

Instantly share code, notes, and snippets.

Last active Aug 8, 2021
What would you like to do?
Gaia theme example (for Marp Next)
marp theme

Gaia theme

Marp Next slide theme

Created by Yuki Hattori (@yhatt)

In Greek mythology, Gaia also spelled Gaea, was the personification of the Earth and one of the Greek primordial deities.

Gaia (mythology) - Wikipedia, the free encyclopedia


Gaia is the beautiful presentation theme for Marp Next (Marp Core).

Set gaia theme through theme global directive.

marp: true
theme: gaia

Basic example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 😄

Stay Hungry. Stay Foolish. —Steve Jobs (2005)

Basic example 2

document.write('Hello, world!');
table layout example
align to left align to center align to right
⬅️ left ⬅️ center ➡️ right ➡️



for class local directive

lead class

Apply contents centering. Useful for title slide.

<!-- _class: lead -->

# Title slide

Color scheme class

  • Default ◀️
  • Invert
  • Gaia (Theme color)
<!-- _class: "" -->

Color scheme class

  • Default
  • Invert ◀️
  • Gaia (Theme color)
<!-- _class: invert -->

Color scheme class

  • Default
  • Invert
  • Gaia (Theme color) ◀️
<!-- _class: gaia -->

Enjoy creating beautiful slides with
Marp Next + Gaia theme!


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment