I'm excited to share that Demo Time just reached version 1.1.0 — and it's packed with features to help you run smoother, more dynamic live presentations directly from Visual Studio Code.
💡 What's Demo Time?
Demo Time is a VS Code extension built to simplify live coding demos, workshops, and technical presentations. It helps you control the pace, structure your flow, and keep everything running stress-free — all within your editor.
✨ What’s New in v1.1.0?
🎬 Slide Animations
You can now animate slide content using:
-
fade-in
: For a smooth entrance -
text-typewriter
: Type text one character at a time -
text-highlight
: Highlight important phrases with emphasis
These are great for storytelling, guiding your audience's attention, or adding that little extra polish.
📊 Mermaid Diagram Support
We now support Mermaid.js syntax directly in slides! That means you can:
- Sketch flowcharts
- Show sequence diagrams
- Visualize architecture
- And more...
All without leaving VS Code.
Example:
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
This will render directly on your slide during the demo!
📦 How to Get It
📥 Install or update from the Visual Studio Code Marketplace
📖 Full docs: demotime.elio.dev
📹 Bonus: See It In Action
I created a short demo video showing the animations and Mermaid integration in action.
🙌 Feedback Welcome!
I’d love to hear what you think if you try it out!
Have ideas or run into bugs? Open an issue on GitHub or drop a comment here on DEV.
Thanks for supporting Demo Time, and happy presenting!
🧑💻🎤✨