4 Repos
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 ist eine komponentenbasierte Präsentations-Engine und ein webbasiertes Tool zum Erstellen interaktiver digitaler Slideshows. Es fungiert als Vue.js-Slideshow-Framework, das eine Komponentenarchitektur verwendet, um Folienhierarchien und Übergänge innerhalb eines Browsers zu verwalten. Das System zeichnet sich durch die Unterstützung verschachtelter Präsentationshierarchien aus, wodurch Slideshows in andere Folien eingebettet werden können, um komplexe Informationen zu organisieren. Es enthält ein Dual-Window-Synchronisationssystem für einen dedizierten Presenter-Modus, der einen privaten Controller für Sprechernotizen von der öffentlichen Anzeige trennt. Das Framework bietet eine breite Palette interaktiver Funktionen, einschließlich einer Bibliothek von Folien-Widgets, funktionaler Live-Demo-Integration und einer benutzerdefinierten Theme-Engine für visuelles Styling. Die Navigation erfolgt über eine Kombination aus Tastatur-, Maus- und Scroll-Eingaben, mit zusätzlichem Nutzen für das Vergrößern spezifischer Folienbereiche über einen Content-Zoom-Mechanismus.
Provides a component-driven engine for nesting slideshow hierarchies and managing slide transitions.