Reveal Md

reveal.js on steroids! Get beautiful reveal.js presentations from any Markdown file
Alternatives To Reveal Md
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Awesome Vscode22,462
19 days ago66cc0-1.0JavaScript
🎨 A curated list of delightful VS Code packages and resources.
Mkdocs Material14,12575151419 hours ago278July 04, 202225mitHTML
Documentation that simply works
Mahapps.metro8,7243,25616022 days ago1,195October 15, 202176mitC#
A framework that allows developers to cobble together a better UI for their own WPF applications with minimal effort.
Nextra7,6061818 hours ago109September 17, 2022185mitTypeScript
Simple, powerful and flexible site generation framework with everything you love from Next.js.
Cleaver3,9166742 years ago45December 03, 201717mitJavaScript
30-second slideshows for hackers
Reveal Md3,26210910a month ago125July 01, 202224JavaScript
reveal.js on steroids! Get beautiful reveal.js presentations from any Markdown file
Vuepress Theme Vdoing2,99954 months ago79August 18, 202243mitVue
a month ago224mitJavaScript
❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
Bisheng2,727333449a year ago192June 14, 202250mitJavaScript
Transform Markdown(and other static files with transformers) into a SPA website using React.
Flatdoc2,6581372 years ago3November 09, 201461CSS
Build sites fast from Markdown
Alternatives To Reveal Md
Select To Compare

Alternative Project Comparisons


reveal.js on steroids! Get beautiful reveal.js presentations from Markdown files.


npm install -g reveal-md



This starts a local server and opens any Markdown file as a reveal.js presentation in the default browser.


You can use Docker to run this tool without needing Node.js installed on your machine. Run the public Docker image, providing your markdown slides as a volume. A few examples:

docker run --rm -p 1948:1948 -v <path-to-your-slides>:/slides webpronl/reveal-md:latest
docker run --rm -p 1948:1948 -v <path-to-your-slides>:/slides webpronl/reveal-md:latest --help

The service is now running at http://localhost:1948.

To enable live reload in the container, port 35729 should be mapped as well:

docker run --rm -p 1948:1948 -p 35729:35729 -v <path-to-your-slides>:/slides webpronl/reveal-md:latest /slides --watch



The Markdown feature of reveal.js is awesome, and has an easy (and configurable) syntax to separate slides. Use three dashes surrounded by two blank lines (\n---\n). Example:

# Title

- Point 1
- Point 2


## Second slide

> Best quote ever.

Note: speaker notes FTW!

Code section

Syntax highlighting
console.log('Hello world!');
Highlight some lines

You can highlight one line, multiple lines or both.

```python [1|3-6]
n = 0
while n < 10:
  if n % 2 == 0:
    print(f"{n} is even")
    print(f"{n} is odd")
  n += 1


Override theme (default: black):

reveal-md --theme solarized

See available themes.

Override reveal theme with a custom one. In this example, the file is at ./theme/my-custom.css:

reveal-md --theme theme/my-custom.css

Override reveal theme with a remote one (use because the url must allow cross-site access):

reveal-md --theme

Highlight Theme

Override highlight theme (default: zenburn):

reveal-md --highlight-theme github

See available themes.

Custom Slide Separators

Override slide separator (default: \n---\n):

reveal-md --separator "^\n\n\n"

Override vertical/nested slide separator (default: \n----\n):

reveal-md --vertical-separator "^\n\n"

Custom Slide Attributes

Use the reveal.js slide attributes functionality to add HTML attributes, e.g. custom backgrounds. Alternatively, add an HTML id attribute to a specific slide and style it with CSS.

Example: set the second slide to have a PNG image as background:

# slide1

This slide has no background image.


<!-- .slide: data-background="./image1.png" -->

# slide2

This one does!

reveal-md Options

Define options similar to command-line options in a reveal-md.json file that must be located at the root of the Markdown files. They'll be picked up automatically. Example:

  "separator": "^\n\n\n",
  "verticalSeparator": "^\n\n"

Reveal.js Options

Define Reveal.js options in a reveal.json file that must be located at the root directory of the Markdown files. They'll be picked up automatically. Example:

  "controls": true,
  "progress": true

Speaker Notes

Use the speaker notes feature by using a line starting with Note:.

YAML Front matter

Set Markdown (and reveal.js) options specific to a presentation with YAML front matter:

title: Foobar
separator: <!--s-->
verticalSeparator: <!--v-->
theme: solarized
  transition: 'fade'


Note: test note


# Bar


Live Reload

Using -w option changes to markdown files will trigger the browser to reload and thus display the changed presentation without the user having to reload the browser.

reveal-md -w

Custom Scripts

Inject custom scripts into the page:

reveal-md --scripts script.js,another-script.js
  • Don't use absolute file paths, files should be in adjacent or descending folders.
  • Absolute URL's are allowed.

Custom CSS

Inject custom CSS into the page:

reveal-md --css style.css,another-style.css
  • Don't use absolute file paths, files should be in adjacent or descending folders.
  • Absolute URL's are allowed.

Custom Favicon

If the directory with the markdown files contains a favicon.ico file, it will automatically be used as a favicon instead of the default favicon.

Pre-process Markdown

reveal-md can be given a markdown preprocessor script via the --preprocessor (or -P) option. This can be useful to implement custom tweaks on the document format without having to dive into the guts of the Markdown parser.

For example, to have headers automatically create new slides, one could have the script preproc.js:

// headings trigger a new slide
// headings with a caret (e.g., '##^ foo`) trigger a new vertical slide
module.exports = (markdown, options) => {
  return new Promise((resolve, reject) => {
    return resolve(
        .map((line, index) => {
          if (!/^#/.test(line) || index === 0) return line;
          const is_vertical = /#\^/.test(line);
          return (is_vertical ? '\n----\n\n' : '\n---\n\n') + line.replace('#^', '#');

and use it like this

reveal-md --preprocessor preproc.js

Print to PDF

There are (at least) two options to export a deck to a PDF file.

1. Using Puppeteer

Create a (printable) PDF from the provided Markdown file:

reveal-md --print slides.pdf

The PDF is generated using Puppeteer. Alternatively, append ?print-pdf to the url from the command-line or in the browser (make sure to remove the #/ or #/1 hash). Then print the slides using the browser's (not the native) print dialog. This seems to work in Chrome.

By default, paper size is set to match options in your reveal.json file, falling back to a default value 960x700 pixels. To override this behaviour, you can pass custom dimensions or format in a command line option --print-size:

reveal-md --print slides.pdf --print-size 1024x768   # in pixels when no unit is given
reveal-md --print slides.pdf --print-size 210x297mm  # valid units are: px, in, cm, mm
reveal-md --print slides.pdf --print-size A4         # valid formats are: A0-6, Letter, Legal, Tabloid, Ledger

In case of an error, please try the following:

  • Analyze debug output, e.g. DEBUG=reveal-md reveal-md --print
  • See reveal-md help for Puppeteer arguments (puppeteer-launch-args and puppeteer-chromium-executable)
  • Use Docker & DeckTape:

2. Using Docker & DeckTape

The first method of printing does not currently work when running reveal-md in a Docker container, so it is recommended that you print with DeckTape instead. Using DeckTape may also resolve issues with the built-in printing method’s output.

To create a PDF of a presentation using reveal-md running on your localhost using the DeckTape Docker image, use the following command:

docker run --rm -t --net=host -v $OUTPUT_DIR:/slides astefanutti/decktape $URL $OUTPUT_FILENAME

Replace these variables:

  • $OUTPUT_DIR is the folder you want the PDF to be saved to.
  • $OUTPUT_FILENAME is the name of the PDF.
  • $URL is where the presentation can be accessed in your browser (without the ?print-pdf suffix). If you are not running reveal-md in Docker, you will need to replace localhost with the IP address of your computer.

For a full list of export options, please see the the DeckTape github, or run the Docker container with the -h flag.

Static Website

This will export the provided Markdown file into a stand-alone HTML website including scripts and stylesheets. The files are saved to the directory passed to the --static parameter (default: ./_static):

reveal-md --static _site

This should copy images along with the slides. Use --static-dirs to copy directories with other static assets to the target directory. Use a comma-separated list to copy multiple directories.

reveal-md --static --static-dirs=assets

Providing a directory will result in a stand-alone overview page with links to the presentations (similar to a directory listing):

reveal-md dir/ --static

By default, all *.md files in all subdirectories are included in the generated website. Provide a custom glob pattern using --glob to generate slides only from matching files:

reveal-md dir/ --static --glob '**/'

Additional --absolute-url and --featured-slide parameters could be used to generate OpenGraph metadata enabling more attractive rendering for slide deck links when shared in some social sites.

reveal-md --static _site --absolute-url --featured-slide 5

Disable Auto-open Browser

To disable auto-opening the browser:

reveal-md --disable-auto-open

Directory Listing

Show (recursive) directory listing of Markdown files:

reveal-md dir/

Show directory listing of Markdown files in current directory:


Custom Port

Override port (default: 1948):

reveal-md --port 8888

Custom Template

Override reveal.js HTML template (default template):

reveal-md --template my-reveal-template.html

Override listing HTML template (default template):

reveal-md --listing-template my-listing-template.html

Scripts, Preprocessors and Plugins

Related Projects & Alternatives

  • Slides is a place for creating, presenting and sharing slide decks.
  • Sandstorm Hacker Slides is a simple app that combines Ace Editor and RevealJS.
  • Tools in the Plugins, Tools and Hardware section of Reveal.js.
  • Org-Reveal exports Org-mode contents to Reveal.js HTML presentation.
  • DeckTape is a high-quality PDF exporter for HTML5 presentation frameworks.
  • GitPitch generates slideshows from found in hosted Git repos.

Articles About reveal-md

Thank You

Many thanks to all contributors!



Popular Markdown Projects
Popular Theme Projects
Popular Data Formats Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.