Embed a free calculator on your website

Pick a calculator, copy the code, paste it into your page. It updates itself, works on mobile, and costs nothing. All we ask is that the CalculatorAI credit stays visible.

1Choose a calculator and set its language, currency and height.
2Copy the generated snippet — plain HTML, no build step.
3Paste it wherever the calculator should appear.

LanguageCurrency

ThemeWidth (px)

Max width of the widget. A calculator only shows its full two-column desktop layout at 1366px or wider — inside a widget that measures the widget, not the visitor's screen, so a narrow box shows the tabbed layout even on a big monitor. It always shrinks to fit a narrower column.

Height (px)

Starting height only. The widget measures itself and resizes to fit its content as soon as it loads, so this number just avoids a jump on the very first paint.

Extra buttonsPDF reportSave resultShare resultAdd to favorites

These need a CalculatorAI account, and a widget cannot sign anyone in — clicking one opens a signup prompt inside the widget. Leave them off for a plain calculator; turn them on if you want visitors nudged to sign up.

Embed code

<div class="calculatorai-embed" style="max-width:1366px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/401k-calculator"
    title="401(k) Calculator: Match, IRS Limits, Catch-Up & Retirement Income — CalculatorAI"
    width="100%"
    height="720"
    style="border:1px solid #e5e7eb;border-radius:16px;width:100%;min-width:320px"
    loading="lazy"
    referrerpolicy="strict-origin-when-cross-origin"
  ></iframe>
  <p style="font:400 13px/1.5 system-ui,sans-serif;margin:8px 0 0;text-align:right">
    <a href="https://calculatorai.app/calculators" target="_blank" rel="noopener">401(k) Calculator: Match, IRS Limits, Catch-Up & Retirement Income by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    window.addEventListener('message', function (e) {
      if (e.origin !== 'https://calculatorai.app') return
      var d = e.data
      if (!d || d.type !== 'calculatorai:embed:height' || d.slug !== '401k-calculator') return
      var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/401k-calculator"]')
      if (f && d.height > 0) f.style.height = d.height + 'px'
    })
  })()
</script>

Live preview

Terms of use

Free for any website, commercial or not. No signup, no key, no limits.
Keep the CalculatorAI credit visible — both the one inside the widget and the link beneath it.
Don't alter the widget code, hide the credit with CSS, or crop the frame so parts are cut off.
We may stop serving the widget to sites that break these terms.