Dev Tools

Slidev — Presentation Slides for Developers

A live, interactive Slidev slide deck: Markdown-authored presentation slides with code highlighting, animations, and keyboard navigation. Runs entirely in your browser — nothing is uploaded.

Related tools

reveal.js — HTML Presentation Frameworkimpress.js — CSS3 Presentation DemoEditor.js — Block-Style WYSIWYG EditorMilkdown — WYSIWYG Markdown Editor

Was this useful?

Related tools

reveal.js — HTML Presentation FrameworkMisc

A live, interactive slide deck built with reveal.js, the open-source HTML presentation framework with CSS 3D transforms, transitions, and speaker notes.

impress.js — CSS3 Presentation DemoMisc

A live, interactive presentation built with impress.js, the open-source library that uses CSS3 3D transforms and transitions for a zooming, rotating slide deck.

Editor.js — Block-Style WYSIWYG EditorText

Write rich, structured content with a block-style editor and get clean JSON output, entirely in your browser.

Milkdown — WYSIWYG Markdown EditorText

Write and edit Markdown in a live WYSIWYG editor with tables, task lists, code blocks, and slash commands, entirely in your browser.

HTML to MarkdownConverter

Convert HTML to Markdown. Handles headings, links, images, lists, tables, and code.

Markdown to HTMLConverter

Convert Markdown to HTML with live preview. Supports all common Markdown syntax.

About Slidev — Presentation Slides for Developers

Slidev is a free, open-source (MIT) presentation tool for developers, created by Anthony Fu, that turns a single Markdown file into an interactive, web-based slide deck. This is a live, self-hosted build of Slidev's own starter deck — navigate it to see Markdown-driven slides, syntax-highlighted code blocks, animations and slide transitions, embedded Vue components, LaTeX and diagrams, and a presenter-style navigation UI. The build here is self-hosted directly from the slidevjs/slidev project's own source and runs entirely client-side: nothing is uploaded to any server by this site.

How to use

  1. Use the on-screen arrows or your keyboard arrow keys (or Space) to move between slides; some slides reveal content step by step, so keep pressing forward.
  2. Hover the bottom-left corner for the controls panel: slide overview, dark-mode toggle, drawing tools, presenter mode, and fullscreen.
  3. Press F for fullscreen and O for the slide overview grid to jump around the deck quickly.

Frequently asked questions

Is my data uploaded anywhere?
No. Slidev renders the entire presentation in your browser from static HTML, CSS, and JavaScript — nothing is sent to a server by this site.
Is Slidev free and open source?
Yes — Slidev is free and open source under the MIT license, so it stays free to use, study, and modify.
How do I build my own presentation with it?
A Slidev deck is a single Markdown file (slides.md) where "---" separates slides and YAML frontmatter sets themes and options; you can embed Vue components, code blocks, and diagrams. See sli.dev for the full authoring guide.