Welcome to Presenter-JS 🦧 What it does
It displays minimalistic presentations (like MS PowerPoint).
from /README.md by xmaek, author of this library
🕹 How to use it

Import the load function – this will transitively import the custom web-components you will need to define your slides:

<script>
  import load from "../lib/index.js"
</script>
🕹 How to use it

Define your presentation's slides with custom HTML elements:

<slide-set>

  <title-slide>Your Title Here</title-slide>

  <headed-slide>
    <just-text slot="heading"></just-text>
    <ol slot="content">
      <li>this is...</li>
      <li>just some...</li>
      <li>sample content.</li>
    </ol>
  </headed-slide>

  <simple-slide>
    Thanks for Your attention, bye 👋🏽
  </simple-slide>

</slide-set>
🕹 How to use it

Import the available default-themes, grab your slide-set from the DOM, load and start the presentation:

import { themes } from "../lib/present.js"

const slideSet = document.querySelector("slide-set")
const { start } = load(slideSet, themes.dark)

const { error, stop } = start()

if (error)
  console.error(error)

Thank you for looking at this presentation!

&

Have fun with Presenter-JS!

 Presenter JS