What is RevealJS?
- A framework for creating beautiful presentations using HTML
- Supports Markdown content
- Features animations, transitions, and speaker notes
- Works well with Astro's component model
Key Features
- Nested slides
- Markdown support
- PDF export
- Speaker notes
- Syntax highlighted code
Code Example
<pre><code class="javascript" data-trim data-line-numbers> function createSlide(title, content) { const slide = document.createElement('section'); const heading = document.createElement('h2'); heading.textContent = title; slide.appendChild(heading); slide.innerHTML += content; return slide; } </code></pre>Vertical Slides
Use the down arrow to navigate
↓
Vertical Slide 1
This is a nested slide
Vertical Slide 2
You can have as many nested slides as you want
Add Images
Use images to enhance your presentations
Get Started
Edit this file to create your own presentation
Add or remove slides as needed
Customize styles and options