WebSlides — HTML presentations made easy.
Hypertext and beauty as narrative elements.
WebSlides is really easy
<section> in the #webslides element is an individual slide.
<article id="webslides"> <!-- Slide 1 --> <section> <h1>Design for trust</h1> </section> <!-- Slide 2 --> <section class="bg-primary"> <div class="wrap"> <h2>.wrap = container (width: 90%)</h2> </div> </section> </article>
WebSlides was made to inspire people.
There are excellent presentation tools out there. WebSlides is an open source solution for telling stories. Hypertext and beauty as narrative elements.
→ Keyboard navigationwith arrow keys.
Go to a specific slideURL: #slide=number
Slide counterCurrent/Total number.
100% customizableWell documented.
40+ Beautiful ComponentsCovers, cards, quotes...
Flexible blockswith auto-fill and equal height.
Vertical rhythmUse multiples of 8.
Fade transitionto all slides.
500+ SVG IconsFont Awesome Kit.
Making a beautiful HTML presentation has never been so rewarding.