4 dépôts
Tools for integrating and rendering UI components specifically within slide-based presentation environments.
Distinguishing note: Distinct from general UI component libraries by focusing on slide-specific lifecycle and layout integration.
Explore 4 awesome GitHub repositories matching user interface & experience · Presentation Component Frameworks. Refine with filters or upvote what's useful.
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
Slidev inserts components directly into slides without manual imports by placing them in a designated directory for automatic availability.
Marp is a presentation framework that transforms plain text files into slide decks using Markdown syntax. It functions as a converter and static site generator, enabling the creation of structured visual presentations that can be exported into formats including HTML, PDF, and PowerPoint. The project distinguishes itself through a modular architecture that supports custom themes and plugins, allowing users to extend the core conversion pipeline. It provides a command-line interface for automated file processing and includes reactive file-system watching to facilitate a live preview development
Provides reusable UI components for embedding interactive slide decks directly into web applications.
mdx-deck is a markdown presentation generator and React-based framework used to create interactive slide decks. It functions as a static site presentation engine that converts Markdown and MDX files into structured, stylable browser-based slides. The framework distinguishes itself by combining structured markdown with interactive React components and a synchronized presenter mode. This presenter mode provides a dedicated second window featuring a timer, slide previews, and hidden speaker notes for live events. The system covers a broad range of presentation capabilities, including custom CSS
Integrates interactive React components specifically within a slide-based presentation environment.
eagle.js est un moteur de présentation piloté par les composants et un outil web pour construire des diaporamas numériques interactifs. Il fonctionne comme un framework de diaporama Vue.js qui utilise une architecture de composants pour gérer les hiérarchies de diapositives et les transitions au sein d'un navigateur. Le système se distingue par la prise en charge des hiérarchies de présentation imbriquées, permettant aux diaporamas d'être intégrés au sein d'autres diapositives pour organiser des informations complexes. Il inclut un système de synchronisation à double fenêtre pour un mode présentateur dédié, qui sépare un contrôleur privé pour les notes du présentateur de l'affichage public. Le framework fournit un large éventail de capacités interactives, incluant une bibliothèque de widgets de diapositives, une intégration de démo en direct fonctionnelle et un moteur de thème personnalisé pour le stylage visuel. La navigation est gérée par une combinaison d'entrées clavier, souris et défilement, avec un utilitaire supplémentaire pour agrandir des zones spécifiques de la diapositive via un mécanisme de zoom de contenu.
Provides a component-driven engine for nesting slideshow hierarchies and managing slide transitions.