MarkDeck (v1.0.0)

Turn Markdown into Stunning, Professional Presentations.

MarkDeck is a powerful VS Code extension that instantly transforms your Markdown notes into high-quality, animated, and themed HTML slide decks. Stop wrestling with PowerPoint and start coding your presentations.

🚀 Key Features

• Markdown First: Write standard Markdown, get a presentation.
• 7+ Premium Themes: From "CyberNeon" to "IndustrialChic", choose a look that fits your vibe.
• Pluggable Animations: Beautiful background animations (Particles, Network, Aurora) powered by Canvas.
• Smart Layouts:
  • Cards: <!-- @card --> for glassmorphic content blocks.
  • Grids: <!-- @grids --> for responsive column layouts.
• Rich Components:
  • Badges: [[Status:Ready]] for sleek shields.io style badges.
  • Highlights: ==Text== for marker-style highlights.
  • Charts: Embed Chart.js visualizations directly in your slides.
  • Widgets: Embed flexible data widgets.
• Developer Friendly: Fully customizable CSS/JS logic.

🎨 Themes

MarkDeck comes with professionally curated themes:

• OceanBlue (Default)
• CyberNeon (Dark/Cyan/Pink)
• CoralReef (Nature Wellness)
• TropicalSunset (Warm)
• ElectricViolet (Creative)
• IndustrialChic (Corporate)
• AutumnHarvest (Warm/Cozy)
• NeonNights (High Contrast)

✍️ Syntax Guide

Slides

Use <!-- @slide --> to separate slides. Add options like transition or theme (per slide override).

<!-- @slide theme=cyberneon -->
# My Presentation

Cards & Grids

Group content into beautiful glass cards.

<!-- @grids -->
<!-- @card -->
### Left Card
Content here
<!-- @endcard -->

<!-- @card animation=pulse -->
### Right Card
Animated content!
<!-- @endcard -->
<!-- @endgrid -->

Highlights & Badges

• Highlight: ==Important text== renders seamlessly inline.
• Badges: [[Build:Passing]] or [[Version:1.0.0]].

Images

Resize images easily using attributes inside the parentheses:

![Logo](https://github.com/sarivoli/markdeck/raw/HEAD/logo.png width=100 height=100)

💻 Usage

1. Open any Markdown file.
2. Press Ctrl+Shift+P (Cmd+Shift+P on Mac).
3. Run "MarkDeck: Export HTML".
4. Your presentation will be generated as index.html in the same folder.

📦 Installation

Install via VS Code Marketplace.

License

MIT