Webslides

WebSlides creates HTML presentations from customizable examples and CSS components.

webslides.tv
Webslides homepage screenshot

About Webslides

WebSlides is a tool for building HTML presentations from ready-made demos and reusable CSS components. Each slide is a parent inside a #webslides element, so slides are authored directly in HTML with concise markup and conventional class names rather than through a dedicated editor. Built-in capabilities include arrow-key navigation with presenter controls, permalinks to individual slides, a current/total slide counter, 40+ components such as covers, cards and quotes, vertical rhythm based on multiples of 8, and 500+ SVG icons from a Font Awesome kit. Demo sets cover styles such as Netflix-like layouts, landings, portfolios, keynote and guides. Basic HTML knowledge is required; the site points to tutorials on components, classes, media and CodePen examples. A free download is offered on a pay-what-you-want basis.

Key features

  • Arrow-key navigation with presenter controls between slides
  • Permalinks that jump to a specific slide
  • Slide counter showing current and total slides
  • 40+ components including covers, cards and quotes
  • 500+ SVG icons via a Font Awesome kit
  • 120+ ready-to-use slides and customizable demos
Best for: Designers, marketers, journalists and developers with basic HTML knowledge who want to hand-code presentations instead of using slide-editor software.
Good for
  • Clean, scalable markup using intuitive naming conventions and minimal class nesting
  • Ready-made demos and components reduce the time needed to build a deck
  • Tutorials and Codepen examples are provided for components, classes and media
Watch out for
  • Basic knowledge of HTML is required to use it
  • Slides are edited as HTML and CSS rather than in a visual editor
  • Extended effects depend on external resources such as Unsplash, Animate.css and scroll animations

Webslides at a glance

Type
Website
Pricing
Not confirmed. Check the site
Platforms
Web
Open source
Not stated
Language
English
Last checked
Oct 5, 2026 · Online when checked
Listed
Oct 5, 2026

Webslides alternatives

Tools and sites you could use instead, ranked by how closely they match.

Marp

marp.app

Marp offers tools to write slide decks in Markdown and render them as presentations.

SlideDeck AI

huggingface.co/spaces/Agents-MCP-Hackathon/Sli…

This app turns uploaded documents into a presentation plan, images, audio, and a static HTML slide deck.

Popular in Presentations

Well-known listings from the same topic.

All 29

Webslides FAQ

Do I need to know HTML to use WebSlides?
Yes. The site states that just a basic knowledge of HTML is required, and offers tutorials on components, classes and media.
How is a slide defined?
Each parent inside the #webslides element is an individual slide.
What does WebSlides cost?
The homepage presents a free download on a pay-what-you-want basis; no other pricing information is given.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing