Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Demo Time - Live demos & slides in VS CodeNew to Visual Studio Code? Get it now.
Demo Time - Live demos & slides in VS Code

Demo Time - Live demos & slides in VS Code

Elio Struyf

|
1,684 installs
| (5) | Free
| Sponsor
Script your coding demos to perfection and present slides — all within VS Code! No typos, no missteps—just flawless, stress-free presentations. Seamlessly execute each demo step and advance through slides like a pro, keeping your audience engaged without ever leaving your coding environment.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Demo Time

Demo Time empowers you to script flawless coding demonstrations and present slides seamlessly within Visual Studio Code. Eliminate typos and missteps, ensuring engaging and stress-free presentations..

Visual Studio Marketplace Number of installs Sponsor the project

Documentation 👉 demotime.elio.dev

Demo Time

Features

  • Scripted Demos: Automate your coding demonstrations to maintain a perfect flow.​
  • Code Highlighting: Emphasize specific code segments to draw audience attention.​
  • Integrated Slides: Present slides directly within VS Code for a cohesive experience.​
  • Customizable Actions: Execute various VS Code commands and tasks as part of your demo.

Getting Started

  1. Installation: Install the extension.​
  2. Initialization: After installation, initialize the extension in your project by opening the Explorer panel in VS Code. Locate the Demo Time view and click on the "Initialize" button. This action creates a .demo folder in your workspace containing a demo.json file.​
  3. Creating Demos: Populate the demo.json file with your actions, defining each step and action as required.​ More information about the available actions can be found in the supported actions documenation section.

Documentation

For detailed instructions, advanced configurations, and best practices, please refer to the comprehensive documentation available at https://demotime.elio.dev. This resource offers in-depth guides and examples to help you maximize the extension's capabilities.

Example demo file

Here is an example demo:

{
  "$schema": "https://demotime.elio.dev/demo-time.schema.json",
  "title": "Sample demo",
  "description": "This is a sample demo configuration to show the capabilities of the extension.",
  "demos": [
    {
      "title": "Step 1",
      "description": "This is step 1",
      "steps": [
        {
          "action": "create",
          "path": "sample.json",
          "content": "{\n  \"firstName\": \"Elio\",\n  \"lastName\": \"Struyf\"\n}"
        },
        {
          "action": "open",
          "path": "sample.json"
        },
        {
          "action": "highlight",
          "path": "sample.json",
          "position": "2:3"
        }
      ]
    },
    {
      "title": "Step 2",
      "description": "This is step 2",
      "steps": [
        {
          "action": "snippet",
          "contentPath": "./snippets/insert_and_highlight.json",
          "args": {
            "MAIN_FILE": "sample.json",
            "CONTENT_PATH": "content.txt",
            "CONTENT_POSITION": "3",
            "HIGHLIGHT_POSITION": "4"
          }
        }
      ]
    }
  ]
}

You can also explore a comprehensive example in the following GitHub Repositories:

  • Introduction presentation about Demo Time
  • presentation-github-actions
  • presentation-m365-playwright-github-actions

Support

If you enjoy my work and find them useful, consider sponsor me and the ecosystem to help Open Source sustainable. Thank you!

Sponsor @estruyf


Demo Time visitors


Struyf Consulting Logo

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