Welcome to

Press Enter or → for next, ← for previous.

Easy to use
Keyboard navigation

How to Setup Slidephant

Include Slidephant.js in your HTML head
Add your slides as <section> elements in the body
Slidephant auto-initializes on page load
Navigate with arrow keys or Enter

<!doctype html>
<html>
  <head>
    <script src="Slidephant.js"></script>
  </head>
  <body>
    <section>
      <h1>First Slide</h1>
    </section>
    <section>
      <h2>Second Slide</h2>
    </section>
  </body>
</html>