Slides Guide

Starry Slides uses HTML as its native format, making presentations portable and AI-friendly.

Creating Slides

Each slide is an HTML file in the slides/ directory. Files are sorted alphabetically, so we recommend using numbered prefixes:

slides/
├── 01-title.html
├── 02-agenda.html
├── 03-content.html
└── 04-thank-you.html

Slide Format

A basic slide looks like this:

<section class="slide">
  <h1>Hello World</h1>
  <p>This is my first slide.</p>
</section>

Themes

Starry Slides comes with built-in themes:

• Starry Night — Dark blue with gold accents (default)
• Daylight — Clean, bright, minimal
• Neon — Vibrant colors on dark backgrounds

Set your theme in starry.config.js:

module.exports = {
  theme: "starry-night",
};

Speaker Notes

Add speaker notes using HTML comments:

<!-- This will appear in speaker view -->
<section class="slide">
  <h1>Key Points</h1>
  <ul>
    <li>First point</li>
    <li>Second point</li>
  </ul>
</section>

Export

Export your presentation to PDF:

starry-slides export --format pdf