Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
HTML presentation tools

#HTML presentation tools

There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.

##CSSS

CSS-based SlideShow System

##Deck.js

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

##DZSlides

DZSlides is a HTML template to build slides in HTML5 and CSS3.
'template.html' is the only file you need.
Shells are extensions. You don't need them for a basic usage.

##Fathom

If you're making a presentation on JavaScript, make it in JavaScript.

##html5slides

Get the template and copy/paste it to a new file on your local computer.

##Impress

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

##POW!

POW is a simple presentation system for HTML5.

##reveal.js

A CSS 3D slideshow tool for quickly creating good looking HTML presentations. Doesn't rely on any external libraries but highlight.js is included by default for code highlighting.

##S5

S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven.

##Scrolldeck.js

A jQuery plugin for making scrolling presentation decks

##Shower

Сross-browser presentation template.

##Slippy "To upload your presentation on SlideShare, or to share it with others, it can be convenient to export it to a PDF. Slippy comes with a CLI utility that does just that."

reveal.js by hakim?

Owner

vasilisvg commented Jan 16, 2012

@skylamer thanks, added!

Owner

vasilisvg commented Jan 17, 2012

@mindcrash Thanks, added them!

ainthek commented Feb 24, 2013

shower source 404

foudfou commented Apr 24, 2013

DZSlides by Paul Rouget

How about big?

1000ch commented Jul 16, 2013

Please add GistSlide to list :)

Bespoke.js is very flexible and easily configured presentation toolkit.

Not sure if this is quite on topic but there is also Strut which is a GUI for creating impress.js and bespoke.js presentations.

Zeokat commented Mar 1, 2014

Zeokat good work, thanks. Example of source returns error 404.

html5slides says it has moved to https://code.google.com/p/io-2012-slides/

kpb commented Feb 24, 2016

You're missing Remark: https://github.com/gnab/remark

I released WebSlides a few days ago. I hope you like it. Thanks! :) https://webslides.tv/ - https://github.com/jlantunez/webslides

ratopi commented Feb 5, 2017

Hi to all,
it seems to me, that @vasilisvg do not update this gist anymore, therefore I transferred the whole information it to a standard repo.
Please see https://github.com/ratopi/HTML-presentation-tools .
Please fork that repo and add pull-requests, if anything is missing.
The goal is to create a really complete overview ... at least about what's available at the github universe.
Cheerio

There is a scam page linked to POW. Please correct the link.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment