Reveal.js + Astro

Minimalist template for presentations on the web

Why Astro ?

Why Astro ?

  • Reusable components
  • CSS Preprocessors
  • Static generation
  • No extra JavaScript added to the bundle
  • Add UI frameworks if and where needed

You probably don't need a UI framework like React, Vue or Svelte to make slides.

reveal.js provides plenty of features to make great presentations.

But...

If you want / need to, you can import components made with any UI framework supported by Astro, and hydrate them only when needed.

This is a demo of a slide using React and Framer Motion to hydrate this interactive component.

Try to drag & drop to reorder the items.

  • 🍅 Tomato
  • 🥒 Cucumber
  • 🧀 Cheese
  • 🥬 Lettuce
javascript 
console.log('Hello there');
console.log('this is a sample code')