slidevjs/slidev

Features

• Presentation Frameworks - A browser-based runtime that manages slide navigation, animated transitions, and live execution of code blocks during a presentation.
• 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 Frameworks - Extending slide functionality through reusable components, custom themes, and modular plugins to achieve unique visual branding.
• Content 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.
• 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.
• Application Projects - Tool for creating developer-focused presentation slides.
• Terminal and TUI Tools - Create developer-focused presentations using Markdown and web technologies.
• Communication and Media - Presentation slide generator for developers.
• Presentation Tools - Framework for creating interactive slideshows from Markdown.
• Vue3 项目 - Listed in the “Vue3 项目” section of the Great Open Source Project awesome list.
• Reactive State Managers - Tracks the current slide index and click-based animation steps to synchronize content visibility and transitions across the presentation.
• Content Architecture and Modeling Tools - Slidev defines global deck settings or individual slide properties using structured data blocks at the beginning of files to control presentation behavior.
• Markdown and Markup Tools - 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 System Tools - 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.
• 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.

Star history