Skip to content
Create Reveal.js presentations easily with DocPad.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Reveal.js skeleton for DocPad

Create reveal.js presentations using DocPad.


Gives you everything to directly start writing your reveal.js slides, with an optional menu to navigate between them.

Getting Started

  1. Install DocPad

  2. Clone the project and run the server

    git clone git://
    cd revealjs.docpad
    npm install
    docpad run
  3. Open http://localhost:9778/

  4. Start hacking away by modifying the src directory


File structure

  • Each slide is a file under src/documents with the tag 'slide'.
  • src/documents/ concatenates all the slides and displays the menu and the controls.
  • src/layout/ holds the global html page.
  • holds site metadata like its name, keywords for SEO, and configuration options


Each slide must have these metadata :

  • title: '<Title of your slide>' Explicit enough...
  • slideOrder: X X = Number used to order the slides
  • tags: ['slide'] Tag used to tell Docpad which document is a slide

This skeleton can generate a menu for you to easily navigate through your slide. It's activated by default, in the configuration file, at generateSlidesMenu. Disable it by using false instead. If you use this feature, add the following metadata :

htmlId: '<someId>' must be a unique and valid HTML id for each slide.

Add as many slide files as you need. The content is written in Markdown.

If you want to use vertical slides, wrap each vertical slide content in a <section> tag :

	Vertical Slide 1
	Vertical Slide 2

Customize the site metadata in

Change the Reveal.js options in src/layouts/

Known issues

  • The controls UI doesn't highlight the possible directions.
  • I couldn't include the Reveal dependencies as written in the docs, they produce an totally-not-explicit js error.
  • In my machine, the Docpad's livereload plugin (shipped with the project) doesn't work.
  • The generated menu has no style. I'm lazy and leave it up to you.



This skeleton is made "public domain" using the Creative Commons Zero, as such before you publish your website you should place your desired license here and within the file.

If you are wanting to open-source your website, we suggest using the Creative Commons Attribution License for content and the MIT License for code. In which case you'd probably want to use the following as your license:

Unless stated otherwise, all content is licensed under the [Creative Commons Attribution License]( and code licensed under the [MIT License](, © [Your Name](

If you are wanting to close-source your website, we'd suggest using the following:

Copyright [Your Name]( All rights reserved.

Other included things such as themes and libraries are likely already licensed by their own invidual licenses, so be sure to respect their licenses too.

You can’t perform that action at this time.