Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Notebook Slide PreviewNew to Visual Studio Code? Get it now.
Notebook Slide Preview

Notebook Slide Preview

gdimaki

|
13 installs
| (0) | Free
A VS Code extension to preview Jupyter Notebooks as interactive slide decks
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Notebook Slide Preview

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Rating Static License Badge

The missing interactive slide show for Jupyter in VS Code. Your notebook is the presentation—edit, run code, and present in a single, fluid experience.


Notebook Slide Preview transforms your Jupyter Notebooks into an interactive presentation, right inside of VS Code. Move seamlessly from analysis to presentation without ever leaving your editor.

Notebook Slide Preview Demo

Features

  • Interactive Slide Show: View each cell of your .ipynb file as a separate, clean slide.
  • Full Code Execution: Run code cells directly from the slide view and see outputs rendered immediately, powered by a full Jupyter kernel backend.
  • Distraction-Free Presentation Mode: A fully immersive mode that hides all VS Code UI "chrome" for a clean presentation experience.
  • Complete Toolbars:
    • Main Toolbar: Global actions like "Run All", "Restart KPernel", "Clear All Outputs", "Undo", and "Redo".
    • Cell Toolbar: Per-slide controls to run or delete the current cell.
  • Seamless Editing:
    • Full-featured code editing with syntax highlighting in code cells.
    • Double-click on a markdown slide to instantly switch to an editor.
  • Theme Aware: Automatically adapts to your VS Code theme (Light, Dark, and High Contrast).
  • Keyboard Shortcuts: Navigate and execute cells with familiar keyboard shortcuts.
  • Execution Count: Tracks and displays the execution order ([1], [2], etc.) of your code cells, just like a standard notebook.

Usage

There are multiple ways to open your notebook in the slide preview.

Opening the Slide Preview

  1. From the Notebook Toolbar: When you have a standard .ipynb notebook open, click the Presentation icon in the top-right toolbar.
  2. From the Command Palette: Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) and search for "Open with Notebook Slide Editor".
  3. From the Explorer: Right-click on any .ipynb file in the file explorer and select "Open with Notebook Slide Editor".

Interacting with Slides

  • Editing Code: Simply click inside a code cell to start editing.
  • Editing Markdown: Double-click anywhere on a markdown slide to open the text editor.
  • Adding Slides: Hover on the left or right side of a slide to reveal controls for adding new code or markdown cells.

Keyboard Shortcuts

Action Shortcut (Windows/Linux) Shortcut (macOS)
Run Cell Ctrl+Enter Cmd+Enter
Next Slide → →
Previous Slide ← ←
Exit Presentation Mode Esc ⎋

Requirements

You must have the Microsoft Python Extension installed, as this extension relies on it to find and manage Python environments for the Jupyter kernel.

Known Issues

  • The manual presentation mode uses a toggle command to hide the Side Bar. If the Side Bar is already closed when you enter presentation mode, it will be opened instead. For best results, enter presentation mode from the standard editor view.

Release Notes

All notable changes to this project are documented in the CHANGELOG.md file.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft