4 repositorios
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 es un motor de presentaciones basado en componentes y una herramienta basada en web para construir presentaciones de diapositivas digitales interactivas. Funciona como un framework de presentaciones para Vue.js que utiliza una arquitectura de componentes para gestionar jerarquías de diapositivas y transiciones dentro de un navegador. El sistema se distingue por su soporte para jerarquías de presentación anidadas, permitiendo que las presentaciones se incrusten dentro de otras diapositivas para organizar información compleja. Incluye un sistema de sincronización de doble ventana para un modo de presentador dedicado, que separa un controlador privado para notas del orador de la pantalla pública. El framework proporciona una amplia gama de capacidades interactivas, incluyendo una biblioteca de widgets para diapositivas, integración de demostraciones en vivo funcionales y un motor de temas personalizado para el estilo visual. La navegación se maneja a través de una combinación de entradas de teclado, ratón y scroll, con utilidad adicional para ampliar áreas específicas de la diapositiva mediante un mecanismo de zoom de contenido.
Provides a component-driven engine for nesting slideshow hierarchies and managing slide transitions.