Skip to content

Clean Template

The default template. Renders your canvases in a minimal viewer with a neutral background — no chrome, no distractions.

Preview

prototype/index.html
Toggle theme

Neutral gray background, centered canvas, theme toggle — nothing else.

What It Renders

  • Each canvas as a centered, scaled block
  • Click anywhere to advance to the next canvas
  • An optional device frame wrapping the canvas
  • A light/dark theme toggle (top-right)

Keyboard Shortcuts

KeyAction
ClickAdvance to next canvas
Navigate canvases
TToggle light/dark theme

Use Cases

  • Design handoff — share a link with developers, they click through screens
  • Iframe embedding — drop the prototype into Notion, Confluence, or any page that supports iframes
  • Video recording — capture a walkthrough at your own pace without slide chrome getting in the way

Theme Support

The clean template includes a built-in theme toggle. Light mode uses a neutral gray background; dark mode switches to a dark surface. The toggle persists across page reloads via localStorage.

Standalone Mode

Pass --standalone to embed all images inline as data URIs. The output is a single HTML file with zero external dependencies — share it as an email attachment, upload it anywhere.

sh
nib prototype my-design.pen --template clean --standalone

Released under the AGPL-3.0 License.