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."

@skylamer

This comment has been minimized.

Show comment Hide comment
@skylamer

skylamer Jan 16, 2012

reveal.js by hakim?

reveal.js by hakim?

@vasilisvg

This comment has been minimized.

Show comment Hide comment
@vasilisvg

vasilisvg Jan 16, 2012

@skylamer thanks, added!

Owner

vasilisvg commented Jan 16, 2012

@skylamer thanks, added!

@mindcrash

This comment has been minimized.

Show comment Hide comment
@mindcrash

mindcrash Jan 17, 2012

@vasilisvg

This comment has been minimized.

Show comment Hide comment
@vasilisvg

vasilisvg Jan 17, 2012

@mindcrash Thanks, added them!

Owner

vasilisvg commented Jan 17, 2012

@mindcrash Thanks, added them!

@jaredwilli

This comment has been minimized.

Show comment Hide comment
@marcolago

This comment has been minimized.

Show comment Hide comment
@marcolago

marcolago Feb 15, 2013

@ainthek

This comment has been minimized.

Show comment Hide comment
@ainthek

ainthek Feb 24, 2013

shower source 404

ainthek commented Feb 24, 2013

shower source 404

@foudfou

This comment has been minimized.

Show comment Hide comment
@foudfou

foudfou Apr 24, 2013

DZSlides by Paul Rouget

foudfou commented Apr 24, 2013

DZSlides by Paul Rouget

@colemanm

This comment has been minimized.

Show comment Hide comment
@colemanm

colemanm May 20, 2013

How about big?

How about big?

@1000ch

This comment has been minimized.

Show comment Hide comment
@1000ch

1000ch Jul 16, 2013

Please add GistSlide to list :)

1000ch commented Jul 16, 2013

Please add GistSlide to list :)

@tantaman

This comment has been minimized.

Show comment Hide comment
@tantaman

tantaman Oct 24, 2013

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.

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.

@lilac

This comment has been minimized.

Show comment Hide comment
@lilac

lilac Dec 16, 2013

@SteamedFish

This comment has been minimized.

Show comment Hide comment
@SteamedFish

SteamedFish Jan 26, 2014

Also remark

@ghost

This comment has been minimized.

Show comment Hide comment
@ghost

ghost Feb 19, 2014

@Zeokat

This comment has been minimized.

Show comment Hide comment
@Zeokat

Zeokat Mar 1, 2014

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

Zeokat commented Mar 1, 2014

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

@dankegel

This comment has been minimized.

Show comment Hide comment
@dankegel

dankegel Mar 12, 2014

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

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

@kpb

This comment has been minimized.

Show comment Hide comment
@kpb

kpb Feb 24, 2016

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

kpb commented Feb 24, 2016

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

@jlantunez

This comment has been minimized.

Show comment Hide comment
@jlantunez

jlantunez Jan 17, 2017

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

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

@ratopi

This comment has been minimized.

Show comment Hide comment
@ratopi

ratopi 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

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

@naimdjon

This comment has been minimized.

Show comment Hide comment
@naimdjon

naimdjon May 18, 2017

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

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