Numio turns a spreadsheet you have already built into a live, branded, embeddable web calculator — no code required.
The idea in one sentence
Your spreadsheet is the calculator. You import it (or build one inside Numio), point each on-screen input and result at a cell, and publish a polished interactive calculator that you can embed on your website or share with a link.
How it fits together
A Numio project has three layers that you connect in the editor:
- Input blocks — the controls your visitor interacts with: number fields, sliders, dropdowns, selections, and toggles. Each input writes its value into a spreadsheet cell you choose.
- The formula spreadsheet — a real embedded spreadsheet (the Formula tab) where your numbers and formulas live. When a visitor changes an input, the cell behind it updates and your formulas recompute.
- Result blocks — the outputs your visitor sees: numbers, charts, text, and images. Each result reads its value back from a cell you assign.
The connection between a block and a cell is called an assignment. You assign inputs and results to cells, which is what makes the calculator interactive end to end.
What makes it different
- Bring your own spreadsheet. Import
.xlsx,.csv, or.tsvfiles. Formulas, formatting, and multiple worksheets come across intact. - No spreadsheet on display. Visitors only ever see the inputs and results you built — never the underlying sheet.
- Recompute in the browser. Published calculators recalculate instantly on the visitor's device, with no server round-trip.
- Your branding. Logo, color, and font from your workspace are applied automatically to every project.
The build-and-ship flow at a glance
- Create a project and optionally import an Excel file to seed the spreadsheet.
- Add input blocks so visitors can enter values.
- Open the Formula tab and assign each input to a cell; write or import the formulas that crunch the numbers.
- Add result blocks and assign each one to a cell that holds a computed value.
- Style the project with a theme, fonts, and corner radius.
- Publish, then share a link or embed the calculator on your site.
Where to go next
- Create your first calculator — a complete walkthrough from blank project to published link.
- The editor at a glance — what each tab in the editor does.
- Set up workspace branding — apply your logo, color, and font.