Presentation Mode

Present calcs with clean layouts and customizable styles.

Every calculator has three views: Calc (spreadsheet), Text (plain text), and Present (clean, shareable). Click the Present tab to switch.

Present mode hides the editing UI and shows your calculator as a polished, interactive document. Inputs become sliders and controls, results become hero cards, and sections become collapsible groups.

Try it: Open any calc, click Present, and see the difference.

Decorators

Decorators are the magic of Present mode. Add them as comments after any formula to control how it appears:

The engine is smart about defaults — $500,000 automatically gets a $ prefix, 7% gets a % suffix, and simple assignments like cash = $500,000 are detected as inputs. You only need decorators for overrides.

Display control:

  • @hero — large, prominent result card (use on your “answer” row)
  • @hidden — computed but not shown (great for intermediate values)
  • @advanced — tucked behind a “Show Advanced” toggle

Input controls:

  • @slider(min,max,step) — interactive slider
  • @toggle — on/off switch
  • @suffix(text) — append a unit label like “months” or “kg”
  • @prefix(text) — prepend a symbol
  • @icon(name) — add a Lucide icon
  • @tooltip(text) — hover help text for the row

Combine them freely: runway = ... // @hero @icon(clock) @suffix(months)

Sections

Use markdown headers to organize rows into groups:

In Present mode, each section becomes a collapsible card. This is especially useful for longer calculators with distinct input/output areas.

Settings Menu

Click the gear icon in the Present toolbar to access the settings menu.

Style — choose a visual theme for your calc. A few highlights:

  • Default — clean and minimal, works everywhere
  • Glass — frosted translucent panels
  • Keynote — large hero numbers, great for presentations
  • Dashboard — metric cards, data-dense
  • Terminal — monospace, dark hacker aesthetic
  • Notebook — lined-paper feel

Layout — control how rows are arranged:

  • Auto — best layout chosen for you (default)
  • Grid / Grid 3 — 2 or 3 column grid
  • Bento — mixed-size cards, visually interesting
  • Split — inputs on the left, outputs on the right

Tools:

  • X-Ray — toggle to show/hide formulas behind each result
  • Edit — jump back to the calc editor