Zulko/eagle.js
Eagle.js
eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It functions as a Vue.js slideshow framework that uses a component architecture to manage slide hierarchies and transitions within a browser.
The system distinguishes itself through support for nested presentation hierarchies, allowing slideshows to be embedded within other slides to organize complex information. It includes a dual-window synchronization system for a dedicated presenter mode, which separates a private controller for speaker notes from the public display.
The framework provides a wide range of interactive capabilities, including a library of slide widgets, functional live demo integration, and a custom theme engine for visual styling. Navigation is handled through a combination of keyboard, mouse, and scroll inputs, with additional utility for magnifying specific slide areas via a content zoom mechanism.
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.
Star history
How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.
