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.

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

Widget Configuration

Language

Currency

Theme

Width (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. Leave headroom above 1366 (1600 is the default) because the frame's border and scrollbar eat a few pixels. It always shrinks to fit a narrower column. The height needs no setting: the widget measures itself and resizes to fit its content.

Embed code

<div class="calculatorai-embed" style="max-width:1600px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/time-duration-calculator"
    title="Time Duration Calculator: Days, Hours & Minutes Between Dates — 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">Time Duration Calculator: Days, Hours & Minutes Between Dates by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/time-duration-calculator"]')
    if (!f) return
    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 !== 'time-duration-calculator') return
      if (d.height > 0) f.style.height = d.height + 'px'
    })
    // Tells the widget where it sits on this page, so its inputs column can
    // stay in view while the results scroll — the frame is sized to its
    // content and never scrolls itself, so it cannot work that out alone.
    var queued = false
    function send() {
      queued = false
      if (!f.contentWindow) return
      var r = f.getBoundingClientRect()
      f.contentWindow.postMessage(
        { type: 'calculatorai:embed:viewport', slug: 'time-duration-calculator', top: r.top, viewport: window.innerHeight },
        'https://calculatorai.app'
      )
    }
    function schedule() {
      if (queued) return
      queued = true
      window.requestAnimationFrame(send)
    }
    window.addEventListener('scroll', schedule, { passive: true })
    window.addEventListener('resize', schedule, { passive: true })
    f.addEventListener('load', send)
    schedule()
  })()
</script>

Live preview

yourwebsite.com/embed-time-duration-calculator

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.