WebSlides — HTML presentations made easy.
Hypertext and beauty as narrative elements.
* * *
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 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.
Auto slideSet timings in your slide show.
500+ SVG IconsFont Awesome Kit.
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>
Making a beautiful HTML presentation has never been so rewarding: