-
-
Notifications
You must be signed in to change notification settings - Fork 16.8k
Plugins, Tools and Hardware
If you want to create reveal.js presentations in a graphical editor, try Slides.com. It's made by reveal.js' author @hakimel.
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
seminarplugin). -
Questions: a plugin adding Q&As to slide decks (based on the
seminarplugin).
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 (