Zulko/eagle.js
Eagle.js
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.
Features
- Vue.js Presentation Frameworks - Functions as a Vue.js slideshow framework using a component architecture for flexible layout and styling.
- Interactive Presentations - Enables the creation of web-based presentations featuring embedded live demos and interactive widgets.
- Nested Presentation Hierarchies - Supports embedding slideshows within other slides to organize complex information into multi-level layers.
- Browser-Based Presentation Frameworks - Provides a browser-based framework for authoring and delivering presentations with an integrated presenter mode.
- Slide Navigation Adapters - Handles slide progression through a unified system of keyboard, mouse, and scroll event listeners.
- Nested Component Hierarchies - Supports nesting slideshows within other presentations to create complex organizational structures.
- Presentation Component Frameworks - Provides a component-driven engine for nesting slideshow hierarchies and managing slide transitions.
- Slide Navigation Controls - Tracks current slide and step indices to drive view updates and transition animations.
- Presenter Controls - Ships a dual-window synchronization system that separates private speaker notes from the public display.
- Speaker Views - Provides a dedicated speaker view with synchronized notes and a preview of upcoming slides.
- Hierarchical Slide Structures - Implements a component-based architecture to organize slides and incremental steps into nested hierarchies.
- Cross-Window State Synchronizations - Synchronizes state between a presenter controller window and a public display window using shared browser state.
- Slideshow Frameworks - Offers a component-based system for building interactive web presentations using Vue.js.
- Live Demo Embeds - Enables embedding functional web demos and interactive elements directly into slides for live demonstrations.
- CSS Variable Theming - Provides a theming system that maps visual styles to native CSS variables for dynamic overrides.
- Input Event Mappings - Maps keyboard, mouse, and scroll events to internal navigation methods for controlling presentation flow.
- Slide Transition Engines - Implements an engine to manage custom visual transition effects between sequential slides.
- Slide Transition Effects - Provides custom enter and leave transitions to control the visual flow of the presentation.
- Theme Customization Engines - Features a flexible engine for changing appearance via configurable style properties and components.
- Presentation Themes - Allows updating the visual style of a slideshow by importing existing CSS theme files.
- Presentation Widgets - Provides a library of functional slide elements including modals, code blocks, toggles, and radio buttons.
- Presentation Interactive Widgets - Includes a library of embeddable widgets and components for adding live demos to web presentations.
- UI - Listed in the “UI组件” section of the Awesome Github Vue awesome list.
