Templates
nib ships with two built-in templates. Both support device frames, theme toggling, and hotspot navigation.
At a Glance
Comparison
| Feature | Clean | Presentation |
|---|---|---|
| Background | Neutral gray (#f0f0f0) | Dark stage (#1a1a1a) |
| Navigation UI | Click anywhere | Arrow buttons + slide counter |
| Progress indicator | None | Blue bar at top |
| Transitions | Instant swap | Opacity + slide (0.3s ease) |
| Keyboard | ← → to navigate, T for theme | ← → Space F Esc T |
| Fullscreen | No | Yes (F key or button) |
| Best for | Handoff, review, embedding | Live demos, async walkthroughs |
| Theme toggle | Yes | Yes |
When to Use Each
Clean is the default. Use it when you want a straightforward prototype that stays out of the way — ideal for design review, developer handoff, or embedding in an iframe.
Presentation adds slide-style controls on top of your prototype. Use it when you're walking someone through a flow — in a meeting, a Loom recording, or an async review where the viewer navigates step-by-step.