See them running,
in different styles
Four live calculators, each in a different theme, tinted with this site's colors. Switch this site's palette or dark mode and watch them follow.
What do the calculators look like on a firm's website?
Like part of the site: the calculator takes the firm's primary color and mode, and the theme decides the layout and surface style. The examples below are live calculators, not screenshots, so you can type into them.
Four calculators, four themes
Some themes require a Firm or Network plan; see themes.
Common placements
A page per question
An explainer in your words with the calculator inline. Best for search and email links.
Seasonal launcher
A floating widget holding this season's set. See presets.
Resources hub
A card-grid widget on a 'Tools for clients' page.
Questions firms ask
Are these real calculators?
Yes, live embeds using 2026 figures.
Can I match my exact brand?
Yes, colors, font and radius; see themes.
Do examples capture leads?
No, lead capture is off on this site's examples.
How many themes are there?
Twelve, each light and dark.
Which themes are free?
Ledger, minimal and compact.
Can I preview my colors before embedding?
Yes, in the app's live preview.
Do themes affect speed?
Effects-heavy themes load extra assets only when used.
Are they accessible?
No question matches that filter. Clear it to see them all, search the whole site, or ask us directly; we reply within one business day.
Next entry
Picture it on your site
Start free and preview calculators in your own colors.
Firm and Network plans include a 14-day trial. Cancel before it ends and you pay nothing.