9 Repos
Tools and components for managing slide transitions, non-linear flow, and interactive navigation within presentation software.
Distinguishing note: Focuses on slide-specific navigation logic rather than general UI layout components.
Explore 9 awesome GitHub repositories matching user interface & experience · Presentation Navigation. Refine with filters or upvote what's useful.
Open Design is an AI design orchestration platform and LLM agent workspace designed for generating prototypes, presentations, and motion graphics. It functions as a local-first environment that integrates various command-line AI agents and coding tools into a unified design workflow, allowing users to migrate design specifications into brand-compliant source code. The project is distinguished by its ability to enforce visual consistency through a design system manager that defines brand contracts and tokens using Markdown. It features a specialized motion graphics generator that converts HTML
Implements interactive slide navigation supporting arrow keys, scroll wheels, and touch gestures.
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 navigation links to specific slides by number or alias to enable interactive transitions and non-linear presentation flow.
Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s
Moves forward or backward through slides using arrow keys and toggles modes with shortcuts.
Code Surfer is a web-based code slide framework and presentation tool designed for creating technical slides. It functions as a code animation library and diff visualizer that enables the rendering of source code with animated transitions, zooming, and highlighting. The project focuses on visualizing code evolution through state morphing and diff animations. It uses coordinate-based view transitions and smooth scrolls to guide viewers through changes between different code versions across a slide deck. The framework provides capabilities for attention management via line-level focus, section
Provides incremental scrolling through lengthy code blocks to maintain readability throughout a presentation.
WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard, touch, and remote navigation. Its core architecture defines slides as HTML section elements styled entirely through CSS classes for layout, animation, and background, with a vertical-rhythm spacing foundation using an 8-pixel baseline grid. The framework includes a plugin-based behavior extension system that hooks into slide lifecycle events, and maps each slide to a unique URL hash for direct permalink navigation. The framework distinguishes itself through a comprehensive se
Moves between slides using arrow keys, supporting presenter mode for live presentations.
WebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i
Moves between slides using arrow keys, a presenter remote, or direct URL links to any specific slide.
Provides a command to present interactive slideshows within the terminal.
Present ist eine Kommandozeilenanwendung, die darauf ausgelegt ist, strukturierte Markdown-Dateien in interaktive, tastaturnavigierbare Präsentationsdecks zu verwandeln. Sie fungiert als Framework für technisches Storytelling und ermöglicht es Benutzern, formatierte Folieninhalte direkt in einem Terminalfenster zu rendern. Das Tool zeichnet sich durch die Integration simulierter Terminalsitzungen und interaktiver Demonstrationen in den Präsentationsfluss aus, was die Anzeige von Live-Befehlsausführungen und technischen Workflows ermöglicht. Es unterstützt visuelle Anpassungen durch konfigurierbare Farbschemata und enthält eine Animations-Engine, die dynamische Muster über Folieninhalte legen kann. Die Software verwaltet die Präsentationsumgebung, indem sie die Positionierung von Elementen automatisch berechnet, um sicherzustellen, dass Inhalte zentriert und ausgewogen bleiben. Sie handhabt den Folienfortschritt durch eventgesteuerte Eingabesteuerungen und verarbeitet Markdown-Markup in terminaloptimierte Layouts, die Standard-Dokumentstrukturen beibehalten.
Provides keyboard-based controls for moving forward or backward through presentations to maintain a smooth pace.
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.
Implements keyboard shortcuts for navigating between slides and toggling presentation modes like fullscreen.