Reveal.js Features Demo

All plugins working inline!

Markdown Support

This slide is written in Markdown!

  • Bullet points work
  • Italic and bold text
  • too

Code Highlighting

JavaScript example:

function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}

greet("World");

More Code Examples

Python:

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print([fibonacci(i) for i in range(10)])

Fragment Animations

Press → to reveal items one by one:

First item appears Then this one And finally this!

Speaker Notes

This slide has speaker notes!

Press S to open the speaker view.

Vertical Slides

Press ↓ to go down

Vertical Slide 1

You navigated down!

Press ↓ again…

Vertical Slide 2

One more…

Vertical Slide 3

Press → to continue to the next section

Zoom Feature

Hold Alt and click on any element to zoom in.

Try it on this text or the code below:

<div class="container">
  <h1>Zoom me!</h1>
</div>

Overview Mode

Press O to see all slides at once.

This helps navigate large presentations quickly.

Transitions

This presentation uses the slide transition.

Available transitions:

  • none
  • fade
  • slide
  • convex
  • concave
  • zoom

Background Colors

Slides can have custom background colors!

Dark Background

With proper text contrast

Keyboard Shortcuts

Key Action
← → Navigate
↑ ↓ Vertical slides
F Fullscreen
O Overview
S Speaker notes
Esc Exit mode

The End

All plugins are working!