{"slug": "deckrun-a-modern-presentation-utility-for-markdown-and-self-contained-html", "title": "Deckrun: A Modern Presentation Utility for Markdown and Self-contained HTML", "summary": "Arpit Bhayani released Deckrun, an open-source presentation utility that lets users build and deliver slides from Markdown and self-contained HTML, with support for 14 themes, local storage, and export to Markdown, PDF, or HTML. The tool, an evolution of present-md, is installable via npm or npx and can load local files or raw URLs, targeting developers and technical speakers who prefer Markdown workflows.", "body_md": "# Deckrun: A Modern Presentation Utility for Markdown and Self-contained HTML\n\n## Introduction to Deckrun\n\nDeckrun is a powerful, open-source presentation utility built by Arpit Bhayani, designed to simplify the creation and delivery of presentations using Markdown and self-contained HTML. Evolving from its predecessor, `present-md`, Deckrun addresses the need for a lightweight, flexible, and visually appealing alternative to traditional presentation software like Google Slides or Canva. It caters to developers and technical speakers who prefer the simplicity and efficiency of Markdown for content creation, while also supporting modern self-contained HTML documents often generated by AI tools.\n\n## Core Philosophy and Benefits\n\nThe core idea behind Deckrun is to provide a seamless experience for presenting technical content. Its benefits include:\n\n- **Markdown-centric Workflow:** Leverage the simplicity of Markdown for rapid content creation.\n- **Self-contained HTML Support:** Present rich, interactive HTML documents directly.\n- **Lightweight and Efficient:** Avoid the bulkiness of traditional presentation tools.\n- **Agentic Workflow Integration:** Easily generate Markdown-based presentations from articles using custom scripts.\n- **Open Source:** Fully customizable and extensible, hosted on GitHub.\n\n## Installation and Getting Started\n\nDeckrun offers flexible installation and usage options to suit different workflows.\n\n### Global Installation via npm\n\nFor a persistent installation, Deckrun can be installed globally using npm:\n\n```\nnpm install -g deckrun\n```\n\nOnce installed, simply run `deckrun` from your terminal to launch the editor:\n\n```\ndeckrun\n```\n\n### On-the-Fly Execution with npx\n\nFor quick, temporary use without a global installation, `npx` can be used:\n\n```\nnpx deckrun\n```\n\n### Presenting Local Markdown Files\n\nTo present a local Markdown file, pass its path to `deckrun`:\n\n```\ndeckrun my-presentation.md\n```\n\n### Presenting from a URL\n\nDeckrun can directly load and present Markdown content from a raw URL, eliminating the need for local files:\n\n```\ndeckrun <raw-markdown-url>\n```\n\nExample slides are available in the Deckrun GitHub repository under the `examples` directory.\n\n## The Deckrun Editor: Your Presentation Hub\n\nThe Deckrun editor is a powerful, intuitive interface for creating and managing your presentations.\n\n### Interface Overview\n\nThe editor provides a split-pane view: a Markdown editor on the left and a live preview of your slides on the right. Key elements include:\n\n- **Presentation Name:** A field to name your presentation.\n- **Local Storage:** All presentations are saved locally in your browser’s local storage, similar to Excalidraw, ensuring your work persists across sessions on the same device.\n- **Guide:** A built-in guide details all supported Markdown elements, including headings, subheadings, bold text, syntax highlighting, and the ability to inject raw HTML.\n- **Insert Menu:** Provides shortcuts to insert new slides, speaker notes, and other common elements without remembering specific Markdown syntax.\n\n### Theming and Customization\n\nDeckrun offers extensive visual customization options:\n\n- **Themes:** Choose from 14 pre-built themes, including 7 dark and 7 light modes (e.g., Midnight, Tokyo Night, Nord).\n- **Custom Themes:** Instructions for creating and adding your own custom themes are available on GitHub.\n- **Font Customization:** Adjust the font for both the title and body text (e.g., JetBrains Mono for titles).\n- **Font Size:** Control the overall font size of the presentation (small, medium, large).\n\n### Export Options\n\nDeckrun provides versatile export capabilities:\n\n- **Markdown File:** Export your presentation as a raw Markdown file.\n- **PDF:** Convert and download your presentation as a PDF document, suitable for submission or offline viewing.\n- **Self-contained HTML:** Generate a single, self-contained HTML page of your presentation. This HTML file can be easily hosted (e.g., on Vercel) or shared directly, making it highly portable.\n\n## Presentation Mode: Engaging Your Audience\n\nOnce your presentation is ready, Deckrun’s presentation mode offers a suite of tools for dynamic delivery.\n\n### Navigation\n\n- **Keyboard Controls:** Navigate slides using the left and right arrow keys.\n- **Slide Overview:** Press`Escape` to view all slides and jump to a specific one.\n- **Help:** Press`?` to display a list of all keyboard shortcuts and controls.\n\n- **Laser Pointer:** Activate a virtual laser pointer to highlight specific areas on your slides.\n- **Pen Tool:** Draw directly onto the presentation canvas.  - **Persistent Drawings:** Drawings remain on the slide even when navigating away and returning.\n  - **Customization:** Change pen color and size.\n  - **Clear All:** Clear all drawings from the canvas.\n- **Full Canvas Mode:** Hide the current slide to focus entirely on the drawing canvas, useful for impromptu whiteboarding.\n- **Blackout:** A feature suggested by Claude, which blacks out the screen. Its specific purpose is left to the presenter’s creativity.\n\n### Presenter Features\n\n- **Speaker Notes:** Add private notes for each slide, visible only to the presenter.\n- **Presenter View:** A dedicated view for the presenter, showing the current slide, next slide, and speaker notes.\n\n## Self-contained HTML Presentation\n\nBeyond Markdown, Deckrun excels at presenting self-contained HTML documents. This feature is particularly useful for:\n\n- **AI-generated Content:** Presenting rich HTML documentation or reports created by AI tools.\n- **Interactive Demos:** Showcasing web-based applications or interactive content within a presentation framework.\n\nThe process involves uploading a self-contained HTML file, and Deckrun handles the rendering and presentation with the same tooling and features available for Markdown presentations.\n\n## Open Source and Community Contribution\n\nDeckrun is an open-source project hosted on GitHub. Arpit encourages users to:\n\n- **Fork and Customize:** Adapt the tool to their specific needs.\n- **Raise Issues:** Report bugs or suggest new features.\n- **Submit Pull Requests:** Contribute directly to the codebase, especially for interesting features.\n\n## Conclusion\n\nDeckrun stands as a testament to the power of developer-built tools for enhancing productivity and presentation quality. By combining the simplicity of Markdown with the versatility of self-contained HTML, and offering a rich set of editing and presentation features, it provides a compelling solution for technical speakers and educators. Its open-source nature further ensures its evolution and adaptability to the community’s needs.", "url": "https://wpnews.pro/news/deckrun-a-modern-presentation-utility-for-markdown-and-self-contained-html", "canonical_source": "https://arpitbhayani.me/videos/deckrun-markdown-html-presentation-utility", "published_at": "2026-08-29 00:00:00+00:00", "updated_at": "2026-09-07 13:27:48.566110+00:00", "lang": "en", "topics": ["developer-tools"], "entities": ["Arpit Bhayani", "Deckrun", "present-md", "npm", "npx", "GitHub", "Google Slides", "Canva"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/deckrun-a-modern-presentation-utility-for-markdown-and-self-contained-html", "markdown": "https://wpnews.pro/news/deckrun-a-modern-presentation-utility-for-markdown-and-self-contained-html.md", "text": "https://wpnews.pro/news/deckrun-a-modern-presentation-utility-for-markdown-and-self-contained-html.txt", "jsonld": "https://wpnews.pro/news/deckrun-a-modern-presentation-utility-for-markdown-and-self-contained-html.jsonld"}}