Giter VIP home page Giter VIP logo

👋 Hi, I'm a designer and sometimes coder from the Netherlands. The name Martino (my usual nickname) was already taken on GitHub, so I added "magnifico" to it. I could have chosen something shorter or less magnificent. But there it is.

Reveal.js Plugins

I wrote some plugins for Reveal.js, mainly out of necessity for my own presentations. They are all open-source. Here's an overview of all of them.

Name Description
Simplemenu
source/demo
A simple plugin for a menubar or a header or footer with an auto-generated menu.
Appearance
source/demo
A plugin that animates elements sequentially like in Powerpoint, using Animate.css.
Multimodal
source/demo
A plugin to show content like images, video and HTML in modal windows.
FsFX
source/demo
A plugin for a button or other element that enters or exits fullscreen.
Verticator
source/demo
A plugin that adds indicators to show the amount of slides in a vertical stack.
Fontsfirst
source/demo
A plugin that makes sure that remote or selfhosted fonts are loaded before initialising Reveal.js.
Relativenumber
source/demo
A simple plugin to get the slide number at a desired location.
CopyCode
source/demo
A simple plugin that automatically shows a 'copy' button in code blocks.
Internation
source/demo
A basic internationalization (i18n) or localization (i10n) plugin that lets the user choose a language for the presentation.
Doghouse
source/demo
A plugin that will render Pug codeblocks when it starts, but it also works with live editing.
Smallcontrol
source/demo
A plugin that restyles the controls to make the vertical control elements smaller.
Tagteam
source/demo
A plugin that is used to dynamically show only certain sections in presentations when you don't want to show everything.
Counteract
source/demo
CounterAct fixes a limitation of CSS counters that do not work in hidden slides.

npm downloads

For Quarto, there are also a few of the above plugins specifically adapted for that environment:

Name Description
Appearance
source/demo
A Quarto extension that animates elements sequentially like in Powerpoint, using Animate.css.
CopyCode
source/demo
A Quarto extension that automatically shows a 'copy' button in code blocks.
Simplemenu
source/demo
A Quarto extension for a menubar or a header or footer with an auto-generated menu.
Verticator
source/demo
A Quarto extension that adds indicators to show the amount of slides in a vertical stack.
Multimodal
source/demo
A Quarto extension to show content like images, video and HTML in modal windows or lightboxes.

Martino's Projects

quarto-appearance icon quarto-appearance

An animation plugin for Reveal.js that animates elements sequentially like in Powerpoint. Perfect for online portfolios or other presentations with images.

quarto-copycode icon quarto-copycode

A simple Quarto extension that automatically shows a 'copy' button in code blocks in Quarto (Reveal.js) presentations.

quarto-multimodal icon quarto-multimodal

A plugin for Reveal.js to show content like images, video and HTML in modal windows or lightboxes.

quarto-verticator icon quarto-verticator

A plugin for Reveal.js that adds indicators to show the amount of slides in a vertical stack.

reveal-pug-scss-starter icon reveal-pug-scss-starter

This GitHub repo is a quick starter to make a Reveal.js presentation with support for Pug and Scss.

reveal.js-appearance icon reveal.js-appearance

An animation plugin for Reveal.js that animates elements sequentially like in Powerpoint. Perfect for online portfolios or other presentations with images.

reveal.js-copycode icon reveal.js-copycode

A simple plugin that automatically shows a 'copy' button in code blocks in Reveal.js

reveal.js-counteract icon reveal.js-counteract

A plugin for Reveal.js that adds sequential numbers to elements for use in counters across slides.

reveal.js-doghouse icon reveal.js-doghouse

A plugin for Reveal.js 4 that will render Pug codeblocks when it starts, but it also works with live editing, which makes it great for presentations about Pug.

reveal.js-fsfx icon reveal.js-fsfx

A plugin for Reveal.js that enables buttons to enter or exit fullscreen (fullscreen buttons); with optional delay to go to a next slide. The plugin also toggles classes on elements at fullscreen events.

reveal.js-internation icon reveal.js-internation

Localization (i10n) or Internationalization (i18n) of Reveal.js presentations. Easy start for translation.

reveal.js-multimodal icon reveal.js-multimodal

A plugin for Reveal.js to show content like images, video and HTML in modal windows or lightboxes.

reveal.js-simplemenu icon reveal.js-simplemenu

A simple Reveal.js plugin for a menubar or a header or footer with an auto-generated menu.

reveal.js-tagteam icon reveal.js-tagteam

A plugin for Reveal.js that is used to dynamically show only certain sections in presentations when you don't want to show everything. It uses URL parameters to set the needed sections.

reveal.js-transit icon reveal.js-transit

A plugin for Reveal.js that checks if slides and fragments are done transitioning.

reveal.js-verticator icon reveal.js-verticator

A plugin for Reveal.js that adds indicators to show the amount of slides in a vertical stack.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.