Presentation Template
A slide-deck style viewer that adds a progress bar, arrow navigation, a slide counter, and keyboard controls on top of your prototype.
Preview
Dark background, blue progress bar, frosted glass controls with slide counter.
What It Renders
- Each canvas as a full-screen slide on a dark stage
- A blue progress bar at the top
- Previous/next arrow buttons in a floating control bar
- A slide counter (e.g. "2 / 5")
- Configurable transitions between slides
- An optional device frame wrapping each canvas
- A light/dark theme toggle
Keyboard Shortcuts
| Key | Action |
|---|---|
→ or Space | Next canvas |
← | Previous canvas |
Escape | Reset to first canvas |
F | Toggle fullscreen |
T | Toggle light/dark theme |
Use Cases
- Live demos — present a prototype in a meeting, navigating with arrow keys
- Async walkthroughs — share a link where reviewers step through the flow at their own pace
- Loom recordings — record a narrated walkthrough with clean slide transitions
Hotspots Still Work
Even in presentation mode, hotspot links defined in nib.config.json remain active. Viewers can click hotspots to jump to linked canvases or use the arrow keys to go sequentially.