Build price quotes and any calculator you need

▤Six field types

Slider, Number Input, Dropdown, Radio Buttons, Checkbox / Toggle and Button Group — each set to full, half, third or quarter width so the layout reads like a designed form rather than a stack of inputs.

Sliders take min, max, step and a default, with an optional live tooltip. Every field gets a description, and a value prefix or suffix such as £ or users.

∑Two ways to calculate

• Simple — adds up every field's value, with an optional cost per unit on sliders and number inputs
• Formula — your own expression, referencing fields by variable name

A formula looks like ({users} * {seat_price}) + {setup}, and you can set a base or minimum value the total never drops below.

☰As many results as you need

Formula mode isn't limited to one total. Add a result line for each figure you want to show — subtotal, VAT, monthly, first-year — each with its own formula, prefix and suffix.

• Mark one Primary for the large headline figure
• Give a line a variable name and reference it in later lines
• Hide a line so it only feeds the others

◎Show the total anywhere — Calculator Value

The result doesn't have to sit under the calculator. Drop a Calculator Value element anywhere else on the page — in the hero, beside a call to action, in a sticky bar — point it at a result by name, and it mirrors that figure live as the visitor changes their selections.

It carries its own prefix, suffix, typography and colours, so the same number can appear as a small line of body copy in one place and a large headline in another.

Set a fallback value and it shows something sensible before the visitor has touched anything.

⇆Conditional fields

Show a field only when another field holds a particular value, so the form reveals itself as the visitor makes choices instead of presenting everything at once.

£Number formatting

Decimal places, a currency symbol before or after the figure, and thousand separators.

Add wording either side of the total — “From” before it, “per month” after it — so the result reads as a sentence.

✉Email the results

Let visitors send themselves the breakdown, or send it to you as a lead. The email lists their selections and every result line.

Recipient, subject, button text, success message and all three headings are yours to set, with optional name, email and message fields.

✎Styled like the rest of your site

Design controls for layout, columns and gaps; labels and field backgrounds; input backgrounds and focus colour; slider track, progress, thumb and tooltip; radio and button-group states; toggle sizing and on/off colours; and the results area and button.