Skip to content

Plugins, Tools and Hardware

ryan jarvinen edited this page Nov 30, 2024 · 219 revisions

Online editor

If you want to create reveal.js presentations in a graphical editor, try Slides.com. It's made by reveal.js' author @hakimel.

Plugins

A list of reveal.js plugins. Feel free to add your own!

reveal.js-plugins (Demos) : a collection of plugins including:

  • Animate: A plugin for animations using SVG.js.
  • Anything: A plugin for adding plots, charts, animated SVGs,or anything else inside an HTML object using a JSON string and a javascript function.
  • Audio slideshow: A plugin for audio playback and recording.
  • Chalkboard: A plugin adding a chalkboard and slide annotation.
  • Chart: A plugin for using Chart.js.
  • Custom controls: A plugin for customization of controls.
  • Fullscreen: A simple plugin allowing to use fullscreen slides.
  • Load content: A plugin allowing to load external content into the body of HTML-elements.
  • Seminar: a plugin providing interaction capabilities with other hosts and participants (e.g. slide events, chalkboard drawings, Q&A, polls).
  • Poll: a plugin providing online polls (based on the seminar plugin).
  • Questions: a plugin adding Q&As to slide decks (based on the seminar plugin).

reveal.js-mermaid-plugin: a plugin rendering Mermaid diagrams in browser, such as state charts, class diagrams, flowchart and many more. No external rendering server is required.

revealjs-animated: A simple to use plugin to add custom animations, based on the Web Animation API, to your presentations. (Demo)

reveal-mark-plugin: Mark.js-powered highlighting of arbitrary text

pubnub-remote-control-plugin: Remote control a presentation using a web page or a Telegram bot via PubNub API.

menu: A slideout menu to quickly jump to any slide by title. Also optionally changes the theme and sets the default transition. (Demo)

toolbar A toolbar to quickly access reveal.js functionality such as fullscreen, notes and pause. (Demo) - compatible with reveal.js-menu

remeal: Fully featured customizable remote control tool. Powerful yet extremely simple in use.

d3js-plugin D3.js plugin to embed dynamic visualizations with transitions triggered by slide navigation (Demo)

RevealVizScroll: a plugin to create d3 visualizations similar to scrollytelling that transition nicely on your slides. (Demo Bigger Demo)

reveal.js-drawer: Enables you to draw over your slides, keeps drawings between slides. (Demo)

diagram-plugin: Plugin to add diagrams with transitions triggered by slide navigation, based on D3.js (Demo)

reveald3: Plugin to embed single/multiple dynamic javascript-based (D3.js, Vega, Vega-lite, Semiotic, etc ...) visualizations into slides with transitions triggered by slide navigation, with full support of reveal.js data-fragment-index. (Demo)

a11y: Slide accessibility plugin

PdfExport: Easly switch between screen and the built-in PDF export mode by pressing a shortcut key.

AltMode: Switch between multiple alternative configuartion presets eg. screen and presentation mode, day and night mode, etc. by pressing a shortcut key.

HelpButton: Open the help screen by pressing a button.

ThemeOverride: Override the themes of reveal.js and highlight.js

fullscreen: Display fullscreen images in the content section of slides, using the entire available window area, with options contain or cover mimicking the display behavior of background images.

attribution: Display attribution texts in an unobtrusive way, sideways along the right edge of the viewport. When resizing the viewport or toggling full screen mode, the attribution text sticks persistently to the right edge of the viewport.

reveal.js-animate: Integration of the animation library animate.css with global or local configuration based on animation, repetition and speed parameters. Demo.

fullscreen-img: Use fullscreen images in slides (note there are several versions of this plugin floating about)

notell: Control reveal.js remotely from another browser tab or device

revealremote: Control your reveal.js presentation from a browser on any device with network connectivity

wave-plugin: Advance through your reveal.js presentation slides by waving in front of your webcam (Demo)

gamepad-plugin: Use your gamepad as a remote to advance through your slides

joycon-plugin: Use your JoyCon as a remote to advance through your slides (inspired by the above plugin)

tagcloud-plugin: Tagcloud generator

reveal-wordcloud: Wordcloud generator using wordcloud2.js for beautiful wordclouds.

per-slide theme override: Custom theme per slide using data-theme

otf-fragment-order: Make fragments appear in an order of your choosing while giving the presentation

math-katex-plugin Formula rendering with KaTeX (instead of MathJax)

code-focus: Focus on specific lines of code blocks. (Demo)

jump-plugin: Jump between slides by typing the number followed by enter

leap-motion: Navigate slides with your Leap Motion controller with an added "laser pointer" bonus

css-snippet: Live css editing in code blocks.

TOC-Progress: LaTeX Beamer-like progress indicator according to table of contents. (Demo)

reveal.js-tableofcontents: A table of contents plugin to generate automatically a table of contents slide.

reveal.js-symbol-per-slide-progress: An alternative progress plugin to show every slide as single symbol and the symbol of the current active slide in a different color.

Title-Footer Footer showing title of presentation. (Demo)

external: Load external files (HTML).

external: Load external Files (improved version, recursive inclusion and relative paths now possible)

RevealEditor: Editor for code demonstrations.

ga Google Analytics tracking for Reveal.js presentations.

mqtt-plugin: Plugin to add real-time data retrieving over MQTT to your slides.

sampler: Embed code samples taken directly from source files in your slides.

EmbedCode: Embed external code files, in whole or in part, without copy-pasting all of their content. Alternative to the above-mentioned sampler.

PrintRevealNotes: Print the speaker notes from a reveal.js presentation

embed-video: Embed local media (including live video) into a reveal.js presentation

ppt2reveal: Powerpoint macro to reveal

ace: Embed ACE editors into a reveal.js presentation (Demo)

speech: Navigate slides with your voice (Demo)

run-in-terminal: Add executable code examples

coursemod: Courseware plugin

KaTeX-for-reveal KaTeX support (alternative to MathJax)

elapsed-time-bar Add progress bar of elapsed time (Demo)

explicit-link Easier typing with explicit links (links with same href and text) (Source)

tts_basics: Basic Text-To-Speech - Have your show read out loud (