slidevjs/slidev

Slidev is a presentation tool designed for developers who prefer writing code over clicking through slide editors. Instead of using PowerPoint or Google Slides, you write your presentation in Markdown, a plain-text format where headings, bold text, lists, and images are described with simple syntax, and Slidev turns it into a polished, interactive slide deck that runs in the browser. The tool is aimed specifically at technical presentations: it has first-class support for syntax-highlighted code blocks, live code editing directly on the slide, embedded interactive Vue components, LaTeX math equations, and Mermaid diagrams (which let you describe flowcharts and sequence diagrams as text). Each slide is separated by --- in your Markdown file. When presenting, you get a separate presenter view (which you can open on your phone), the ability to draw and annotate on slides, and built-in screen recording. When you are done, you can export the deck as a PDF, PNG images, or a PowerPoint file. The development experience is fast because Slidev is powered by Vite, a modern build tool that reloads the browser instantly as you save changes. The styling layer uses UnoCSS, which means you can apply utility classes the same way you would in a Tailwind CSS project. Themes are installable npm packages, and the entire tool is extensible via Vue components and Vite plugins. You would use Slidev when preparing a technical talk, conference presentation, or workshop where you want to include runnable code examples, keep your slides version-controlled in git, and avoid the limitations of traditional presentation software. The stack is TypeScript, Vue 3, and Vite. It is MIT licensed and runnable with a single npm command.