awesome-repositories.com
© 2026 Bringes Technology SRL·VAT RO45896025·hello@bringes.io
MCPSitemapPrivacyTerms
← All repositories

slidevjs/slidev

0
View on GitHub↗
44,409 stars·1,932 forks·TypeScript·mit·0 viewssli.dev↗

Slidev

Features

  • Presentation Authoring Tools - Creating professional slide decks using plain text files to maintain version control and streamline the design process.
  • Static Site Generators - A build tool that compiles markdown-based content into optimized, standalone single-page applications for deployment on any standard web server.
  • Presentation Software - A browser-based runtime that manages slide navigation, animated transitions, and live execution of code blocks during a presentation.
  • Presentation Frameworks - Extending slide functionality through reusable components, custom themes, and modular plugins to achieve unique visual branding.
  • Markdown-to-Component Parsers - Uses markdown files as the primary source of truth, which are parsed and transformed into modular UI components for rendering.
  • Markdown Tools - A development tool that transforms markdown files into interactive, web-based slide decks with support for live coding and component-based layouts.
  • Technical Presentation Tools - Building interactive slide decks that feature live code execution, syntax highlighting, and mathematical rendering for technical audiences.
  • Presentation Component Frameworks - Slidev inserts components directly into slides without manual imports by placing them in a designated directory for automatic availability.
  • Presentation Configuration - Slidev defines global presentation properties like themes, metadata, and export options by setting configuration values in the first slide of the deck.
  • Development Servers - Slidev runs a local server for slide presentations to enable remote control, live theme previews, and automatic browser refreshing for rapid iteration.
  • Code Execution Engines - Slidev executes code snippets within slides by defining execution logic that manages context, output rendering, and dependencies for interactive blocks.
  • Component Registration Systems - Slidev creates and registers custom components in a designated directory to automatically make them available for use throughout your presentation slides.
  • Presentation Navigation - Slidev inserts navigation links to specific slides by number or alias to enable interactive transitions and non-linear presentation flow.
  • Presentation Sequencing Tools - Slidev sequences the visibility of slide content step-by-step using click-based directives to reveal, hide, or transition elements during a live presentation.
  • Presentation Themes - Slidev styles slides automatically by specifying a theme package name or local path in the document headmatter.
  • File-System Routing Engines - Automatically generates application routes and navigation structures by mapping the directory layout of markdown files to slide pages.
  • Static Presentation Generators - Generating portable, high-performance web applications from slide content for easy deployment to any standard web server.
  • Static Site Generators - Slidev generates a static single-page application from markdown files by configuring custom output directories, applying theme overrides, and including speaker notes for deployment.
  • Reactive State Managers - Tracks the current slide index and click-based animation steps to synchronize content visibility and transitions across the presentation.
  • Document Configuration Schemas - Slidev defines global deck settings or individual slide properties using structured data blocks at the beginning of files to control presentation behavior.
  • Markdown Extensions - Slidev transforms raw slide content by defining custom rules that modify markdown parsing before the final presentation is rendered.
  • Document Export Tools - Slidev converts slide decks into formats like PDF, PNG, or PPTX while applying specific page ranges, dark mode settings, and rendering click-based animations.
  • Presentation Plugin Systems - Slidev extends presentation features by adding modular plugins to the document headmatter from official or community-maintained packages.
  • Syntax Highlighters - Slidev displays and formats code snippets within slides using syntax highlighting to improve readability and clarity for technical presentations.
  • Type Definitions - Slidev fetches or installs type definitions for code blocks to ensure proper editor support and autocompletion for client-side code editing.
  • Animation Libraries - Slidev defines initial, enter, and click-triggered states for slide elements using declarative directives to create smooth and interactive animations.
  • Component Libraries - A development environment that allows authors to compose slide content using reusable UI components and custom layout templates.
  • Contextual Rendering Engines - Slidev displays specific content based on the current presentation context such as presenter view, print mode, or slide overview.
  • Interactive Drawing Tools - Slidev creates interactive arrows on a slide that allow users to reposition the start and end points during a live presentation.
  • Diagramming Integrations - Slidev integrates third-party diagram rendering libraries by providing a setup function that handles the conversion of diagram syntax into visual elements.
  • Presentation Layout Controls - Slidev defines individual slides in a presentation deck by using specific line separators to organize content into distinct visual pages.
  • Slide Layout Controls - Slidev customizes layout, transitions, and navigation for specific slides by adding configuration properties directly to the slide block metadata.
  • Browser-Based Export Utilities - Slidev generates PDF, PPTX, or image files directly from the browser interface using a modern rendering engine for high-quality output.
  • CLI Export Tools - Slidev converts slide decks into PDF, PPTX, PNG, or Markdown files using the command line interface and a headless browser engine.
  • Keyboard Shortcut Mappers - Slidev maps specific key combinations to navigation actions or custom functions by defining shortcut configurations in a dedicated setup file.
  • Execution Environments - Slidev toggles strict mode settings for the internal code runner to control the execution environment and safety of runnable code blocks.
  • Adaptive Typography Tools - Slidev adjusts text size automatically within a defined box to ensure content fits perfectly regardless of length or screen resolution.
  • Layout Components - Slidev adds persistent interface elements like navigation controls, headers, or footers by defining specific component files that remain visible across all slides.
  • Media Embeds - Displays external video content by identifier with configurable playback options and dimensions.
  • Navigation Menus - Slidev shows a navigation menu for the presentation with options to filter by depth, customize column layout, and restrict visibility to specific sections.
  • Presentation Layouts - Slidev applies pre-defined templates to structure presentation content including introductory slides, section dividers, quotes, and custom column-based layouts.
  • Presentation Styling Utilities - Slidev assigns custom styles and classes to specific slide elements using a simplified syntax to achieve rapid layout and design adjustments.
  • Social Media Embeds - Displays interactive social media posts directly within presentation slides using unique identifiers.
  • Style Configurations - Slidev defines custom shortcuts, presets, and style rules by extending the default atomic CSS engine configuration in a local file.
  • Theme Customization Tools - Slidev extracts existing theme files into the local project directory to modify visual styles, layouts, and design components directly within the development environment.
  • Theming Adapters - Slidev displays different content based on the active light or dark theme using named slots to ensure visual consistency across modes.
  • Transition Engines - Slidev sets animated transitions between slides using built-in effects, native browser view transitions, or custom style rules for seamless navigation.
  • Video Players - Slidev displays HTML5 video content with support for custom controls, autoplay behavior, poster images, and automatic resetting based on slide navigation.
  • Application Setup Hooks - Slidev initializes custom logic or registers plugins before the application starts by using a dedicated setup file to extend core functionality.
  • Component Registration Systems - Scans designated directories to automatically register and provide reusable UI components for use within any slide without manual imports.

    • Slidev is a markdown-based presentation framework designed for creating interactive, web-based slide decks. It functions as a static site generator that transforms plain text files into modular UI components, allowing authors to maintain version control while building professional presentations. The engine provides a browser-based runtime that manages slide navigation, animated transitions, and the live execution of code blocks.

    What distinguishes Slidev is its developer-centric approach to technical presentations. It features built-in support for syntax highlighting, mathematical typesetting, and live code execution, enabling presenters to demonstrate concepts directly within their slides. The framework utilizes a component-based architecture where markdown files serve as the source of truth, and custom UI components can be automatically registered and used without manual imports.

    The platform offers a comprehensive suite of tools for design and deployment. Authors can extend functionality through a modular plugin system, apply custom themes, and utilize an atomic CSS engine for visual styling. The development environment includes a local server for live previews and hot-reloading, while the build process supports exporting presentations into various static formats, including PDF and standalone single-page applications, for deployment on any standard web server.