Repolode
Submit
slidevjs

slidevjs/slidev

Markdown-based presentation slides for developers, built on Vue and Vite, with live code, diagrams and presenter mode.

Open-source alternative to:PowerPointKeynoteGoogle Slides

View on GitHubWebsite
Stars
49,154
Forks
2,238
Open issues
243
Last commit
2 days ago

What is it?

Slidev is a presentation tool that lets you write slides in Markdown and render them as a web app. Each slide can embed Vue components, syntax-highlighted code with live coding, LaTeX math, and Mermaid diagrams, so technical talks can stay close to the code they discuss.

Slides are powered by Vite, so edits reload almost instantly during development. Presenter mode can run in a separate window or on another device such as a phone, and built-in tools cover drawing on slides, recording with camera view, and an integrated editor or VS Code extension. Styling uses UnoCSS utilities, and themes can be distributed as npm packages.

Finished decks can be exported to PDF, PNG or PPTX. The project can be tried online through StackBlitz or initialized locally with npm init slidev, and requires Node.js 22.12.0 or later.

Key features

  • 01Write slides in Markdown with embedded Vue components
  • 02Syntax-highlighted code blocks with live coding
  • 03Built-in LaTeX math and Mermaid diagrams
  • 04Presenter mode that can run on a separate window or phone
  • 05Drawing, annotation and recording with camera view
  • 06Export to PDF, PNG or PPTX

Use cases

  • Preparing technical talks or conference presentations with code samples
  • Writing team tech-sharing slides in version-controlled Markdown
  • Creating interactive demos that embed live Vue components

Quick start

  1. 1

    Install Node.js 22.12.0 or newer

  2. 2

    Initialize a new Slidev project locally

    npm init slidev

Things to know

  • Requires Node.js 22.12.0 or newer.

Topics

#markdown#presentation#slides#vue#vite#developer-tools#vueuse

FAQ

What is slidev?
Markdown-based presentation slides for developers, built on Vue and Vite, with live code, diagrams and presenter mode. Slidev is a presentation tool that lets you write slides in Markdown and render them as a web app. Each slide can embed Vue components, syntax-highlighted code with live coding, LaTeX math, and Mermaid diagrams, so technical talks can stay close to the code they discuss.
Is slidev free to use? What license does it have?
slidev is open source under the MIT license. Check the license terms before using it in commercial products.
Is slidev still maintained?
Actively maintained. The last commit to slidev was on Oct 18, 2026.
What can I use slidev for?
Preparing technical talks or conference presentations with code samples Writing team tech-sharing slides in version-controlled Markdown Creating interactive demos that embed live Vue components
How do I install slidev?
Install Node.js 22.12.0 or newer Initialize a new Slidev project locally: npm init slidev
Where can I get slidev?
The source code and installation instructions are on GitHub: https://github.com/slidevjs/slidev

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects