Awesome GitHub RepositoriesHTML Presentation Frameworks

deck.js ist ein HTML-Präsentations-Framework und Slide-Generator, der verwendet wird, um strukturierte digitale Diashows zu erstellen. Es wandelt Webtechnologien und Standard-HTML-Elemente in ein sequenziertes Präsentationsformat für die browserbasierte Bereitstellung um. Das System enthält ein dediziertes Utility zur Generierung druckbarer Präsentations-Handouts, das digitale Folien in ein vereinfachtes Schwarz-Weiß-Format für die physische Verteilung konvertiert.

Shower ist ein webbasiertes Slide-Framework und ein markup-gesteuerter Generator, der zum Erstellen interaktiver Präsentationen verwendet wird. Es fungiert als HTML-Präsentations-Engine, die strukturiertes Markup in browserbasierte Slideshows rendert, die Tastaturnavigation und benutzerdefiniertes Styling unterstützen. Das System nutzt eine Kommandozeilenschnittstelle, um die Erstellung, Bündelung und Veröffentlichung von Präsentations-Assets zu verwalten. Es trennt Präsentationslogik von visuellem Design durch ein template-gesteuertes Theme-System, das die Anwendung externer CSS-Themes ermöglicht. Das Framework enthält Tools für die Formatierung technischer Inhalte, wie Spalten, Tabellen und Code-Beispiele, zusammen mit Mechanismen für die sequenzielle Sichtbarkeit von Elementen, um die Informationsvermittlung zu steuern. Es bietet zudem ein PDF-Export-Utility, um webbasierte Layouts in druckbare Dokumente für die Offline-Verteilung zu konvertieren.

bespoke.js ist ein DOM-gesteuertes Präsentationstool und HTML-Framework, das bestehende Web-Elemente in navigierbare Slide-Decks verwandelt. Es fungiert als webbasierter Deck-Orchestrator, der mittels JavaScript-Engine Slide-Übergänge und Zustände über CSS und eine programmatische API steuert. Das Projekt ist als Plugin-basierte Slide-Engine konzipiert, die es Entwicklern erlaubt, Kernfunktionen durch das Abfangen von Navigationsereignissen und das Injizieren eigener Lifecycle-Logik zu erweitern. Dieses modulare System ermöglicht die Erstellung maßgeschneiderter Präsentations-Frameworks durch Hinzufügen spezifischer Verhaltenslogik oder State-Management. Das Toolset deckt DOM-Navigationsmanagement und Frontend-Präsentationstools ab. Dies beinhaltet die Möglichkeit, Slide-Elemente über CSS-Selektoren zu filtern, Übergänge zwischen Ansichten zu verwalten sowie ein dediziertes Projekt-Scaffold und Build-System für das Deployment auf Web-Hosting-Plattformen zu nutzen.

Cleaver ist ein entwicklerorientierter Präsentationsersteller und ein Framework für statische HTML-Präsentationen. Es fungiert als Markdown-Slideshow-Generator, der strukturierten Klartext in formatierte HTML-Ausgaben für die Browseranzeige konvertiert. Das Tool ermöglicht eine schnelle Iteration von Präsentationsfolien durch einen Live-Reloading-Workflow, der Quelldateien auf Änderungen überwacht. Es unterstützt benutzerdefiniertes Präsentations-Styling durch das Injizieren von externem CSS, die Anwendung visueller Themes und das Überschreiben von Formatierungen pro Folie. Das System umfasst Funktionen für die automatisierte Folienkompilierung, einschließlich der Generierung von Autoren-Credits und Metadaten-Konfiguration. Es bietet ein User-Interface mit Tastaturnavigation und konfigurierbaren On-Screen-Elementen, während es Template-Overrides zur Modifikation der Struktur einzelner Folien anbietet.