Good Karma

WebSlides — HTML presentations made easy.
Hypertext and beauty as narrative elements.

* * *

Everyone Stories

WebSlides was made to inspire people.

There are excellent presentation tools out there. WebSlides is about good karma. Just the essential features and using lovely CSS.

  • Keyboard navigation

    with arrow keys.
  • Go to a specific slide

    URL: #slide=number
  • Slide counter

    Current/Total number.
  • 100% customizable

    Well documented.
  • 40+ Beautiful Components

    Covers, cards, quotes...
  • Flexible blocks

    with auto-fill and equal height.
  • Vertical rhythm

    Use multiples of 8.
  • Auto slide

    Set timings in your slide show.
  • 500+ SVG Icons

    Font Awesome Kit.

WebSlides is really easy

Each parent <section> in the #webslides element is an individual slide.

Code is clean, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

<article id="webslides">
  <!-- Slide 1 -->
    <h1>Design for trust</h1>
  <!-- Slide 2 -->
  <section class="bg-primary">
    <div class="wrap">
      <h2>.wrap = container width: 90%</h2>


Making a beautiful HTML presentation has never been so rewarding:

WebSlides Files


The best way to inspire with your content is to connect on a personal level:


WebSlides is an open source solution.