Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Reveal.js Live PreviewNew to Visual Studio Code? Get it now.
Reveal.js Live Preview

Reveal.js Live Preview

prajwolamatya

|
39 installs
| (0) | Free
Live preview of Reveal.js slides inside VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Reveal.js Live Preview Extension

This VSCode extension allows you to preview Reveal.js slides from a Markdown file. It enables users to see slide updates in real time within VS Code as they edit Markdown files.

Features

  • Live Preview: Instantly renders Markdown slides with Reveal.js in a webview.
  • Theme selection: Supports different Reveal.js theme
  • Automatic updates: Detects and reloads changes to Markdown file.
  • Custom Reveal.js settings: Configurable through VS Code settings.

demo

Using the Extension

Search Reveal.js Live Preview in the VS Code Extension Marketplace and install it. Once you have installed the Reveal.js Live Preview extension in VS Code, follow these steps to preview your slides:

Step 1: Open your markdown file

  • Open VS Code
  • Open the .md file containing your Reveal.js slide.

Step 2: Start the Reveal.js Live Preview

Use any of the following methods to start the preview.

Option 1: Use Command Palette

  1. Press Ctrl + Shift + P.
  2. Type Revesl.js Live Preview: Start
  3. Select the command and press Enter

Option 2: Use Keyboard Shortcut

  • Press Ctrl + Alt + R

Customizing Reveal.js Settings

You can customize the Reveal.js settings (like themes, transistiions, slide separators, etc.) using the VS Code settings.

  1. Open VS Code Settings Ctrl + ,.
  2. Search for Reveal.js Live Preview.
  3. All settings will be available and settings can be updated.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft