Skip to content
UI Kit
Accent color

Calculators

ROI and savings, worked out by the visitor.

2 components · 10 variants
Switch category

roi-calculator

ROI calculator

What a product earns back, worked out by the visitor. Sliders with live results, a payback chart, scenarios, one question at a time and a revenue funnel. The model stays open and simple.

Props and details · ROI calculator

Sliders

Team size, hours saved and hourly cost on sliders. The yearly value counts to every new figure, return, payback and hours sit below, two bars weigh value against cost.

Open in Studio

Payback chart

Savings and payments over twelve months. The savings line draws itself when the chart scrolls in, the break-even point moves with the sliders and pulses where it lies.

Open in Studio

Scenarios

Careful, expected or bold, with a gliding marker and the team size as a slider. Results update in place, the assumptions stand openly below.

Open in Studio

Step by step

One question at a time with large plus and minus buttons and a slider, a bar shows the way. The result counts in and shows how it was calculated.

Open in Studio

Revenue uplift

Visitors, conversion and order value, plus the uplift in a lit field. Extra revenue counts along, two bars compare the orders of today with the new ones.

Open in Studio

savings-calculator

Savings calculator

What visitors save by switching, bundling or paying differently. Tools ticked off against one plan, yearly billing with free months, a tariff over years, a bundle that steps up and commission against a flat fee.

Props and details · Savings calculator

Tool stack

Visitors tick the tools they pay for today. The saving counts to the new figure, two bars weigh today against the one plan. The result stays in view while the list scrolls.

Open in Studio

Yearly billing

Seats on a slider and a gliding switch between monthly and yearly. Twelve months rise in, the free ones light up, the saving follows.

Open in Studio

Tariff over years

Usage on a slider, two tariffs side by side. Bars for each year grow from the ground when they scroll in, the yearly saving counts along.

Open in Studio

Bundle builder

Services as cards to pick. A bar steps up through the discount tiers and names the next one, the bundle price counts to its new figure.

Open in Studio

Commission or flat fee

Bookings, average value and the platform share on sliders. Two bars show what stays of every booking, the yearly saving counts along.

Open in Studio

Similar components

More from Marketing, the same area of the kit.

Often combined with

Sections that usually sit next to Calculators on a page.

Often searched

Jump to

Copied to the clipboard