How to make technical presentations with live code examples and syntax highlighting

How to make technical presentations with live code examples and syntax highlighting

This task can be performed using Slidev

Developers need a better way to create presentation slides that supports code and developer-focused features

Best product for this task

Slidev

Slidev

tech

Provides a developer-centric slide deck creation tool with code highlighting, Vue components, and markdown support

What to expect from an ideal product

  1. Write your slides in markdown format and embed live code blocks that automatically get proper syntax highlighting for any programming language
  2. Use Vue components directly in your presentations to create interactive demos and live coding examples that actually run during your talk
  3. Take advantage of built-in code editor features like line highlighting, step-by-step code reveals, and clickable code snippets that execute in real-time
  4. Export your presentation as a web app so attendees can interact with your code examples on their own devices during or after your talk
  5. Customize themes and layouts specifically designed for technical content, making code readable even on large screens and projectors

More topics related to Slidev

Related Categories

Featured Today

tiun-66bd87
tiun-66bd87-logo

tiun

Payments backend for indie hackers

All-in-one: Auth, payments & DB

Single command: MCP, Skills

Built for developers.

Merchant of Record. Better fees.

The Weekly Top 10 in your inbox

Best launches + founder deals.