Dev Tools

reveal.js — HTML Presentation Framework

A live, interactive presentation built with reveal.js, the open-source framework for creating slide decks in HTML with CSS 3D transforms, transitions, and speaker notes. Runs entirely in your browser — nothing is uploaded.

Related tools

About reveal.js — HTML Presentation Framework

reveal.js is the open-source HTML presentation framework created by Hakim El Hattab for building interactive slide decks in plain HTML, styled and animated with CSS 3D transforms and transitions. This is a live, self-hosted build of the reveal.js project's own demo deck — navigate it to see vertical/nested slides, fragments, auto-animate, code highlighting, themes, and background transitions. The build here is self-hosted directly from the hakimel/reveal.js project's own source and runs entirely client-side: nothing is uploaded to any server by this site.

How to use

  1. Use the on-screen arrows or your keyboard arrow keys to move between slides; some slides nest vertically, so try Down as well as Right.
  2. Press ESC (or O) for the slide overview, F for fullscreen, and S to open the speaker-notes view with a timer and upcoming-slide preview.
  3. Press B or . to pause/black out the screen, and use the theme and transition links inside the deck to restyle reveal.js live.

Frequently asked questions

Is my data uploaded anywhere?
No. reveal.js renders the entire presentation in your browser from static HTML, CSS, and JavaScript — nothing is sent to a server by this site.
Is reveal.js free and open source?
Yes — reveal.js is free and open source under the MIT license, so it stays free to use, study, and modify.
How do I build my own presentation with it?
A reveal.js deck is just an HTML file: each <section> is a slide, nested <section>s become vertical slides, and Reveal.initialize() boots the framework. See revealjs.com for full syntax and plugin docs.