What Features Does WebSlides Offer?

Updated

WebSlides ships with a fixed set of built-in features you can use without writing custom JavaScript: keyboard and presenter navigation, permalinks to individual slides, a slide counter, 40+ prebuilt components, 500+ SVG icons, and a vertical rhythm based on multiples of 8. It also supports images and video as slide media. These features are aimed at designers, marketers, and journalists who want to focus on content rather than presentation tooling.

Navigation and slide control

WebSlides handles navigation for you once your slides are structured correctly.

  • Simple navigation — the site lists arrow keys and a presenter mode among the navigation options, so you can move through a deck without building controls yourself.
  • Permalinks — each slide can be linked directly, letting you jump to a specific slide rather than always starting at the beginning.
  • Slide counter — a current/total counter shows where you are in the deck.

The underlying structure that makes this work: each direct child of the #webslides element is treated as an individual slide. That single rule is what connects your markup to the navigation, counter, and permalink behavior.

Components, icons, and layout system

Beyond navigation, WebSlides provides ready-made building blocks:

Feature What it gives you
40+ beautiful components Covers, cards, quotes, and similar prebuilt blocks
500+ SVG icons A Font Awesome kit for icon needs
Vertical rhythm Spacing based on multiples of 8
.wrap container A container set to 90% width

The vertical rhythm rule (multiples of 8) is worth noting if you plan to customize: keeping your own spacing values on that scale helps slides stay visually consistent with the built-in components.

Media and extensibility

WebSlides is described as "built to expand," and media support is part of that:

  • Images and videos can be used as slide media.
  • Background images are supported, with Unsplash cited as a source.
  • CSS animations work alongside the framework, with Animate.css cited.
  • Longform content can animate on scroll.

The site also points to demos and tutorials, and states that only a basic knowledge of HTML is required to work with the components and classes.

What this means for your use case

If your needs are covered by keyboard/presenter navigation, direct slide links, a slide counter, and a library of covers, cards, and quotes, WebSlides provides all of that out of the box. The 120+ ready-to-use slides mentioned on the site are demos you customize rather than a separate feature set.

Two practical caveats:

  • Custom behavior beyond the listed features isn't documented here. If you need something outside navigation, components, icons, and media, you'd be extending the framework yourself.
  • Pricing isn't specified in the available information. The site shows a "Free Download" alongside "Pay what you want," but no pricing details or account requirements are confirmed, so don't assume terms beyond what's stated.

If you want to evaluate it against your actual deck, the fastest check is to pick a demo, confirm the navigation and component set match how you present, and then test whether your media (images, video, background images) fits the slide structure.