Embed a free tool on your website

Pick a tool, 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 tool and set its language and theme.
2
Copy the generated snippet — plain HTML, no build step.
3
Paste it wherever the tool should appear.

How calculator widgets work, and what they cost

Widget Configuration

Tools

Calculators

Language

Theme

Width (px)

Max width of the widget. It shrinks to fit a narrower column and stacks into a single column on small screens. The height needs no setting: the widget measures itself and resizes to fit its content.

Embed code

<div class="calculatorai-embed" style="max-width:1200px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/qr-code-generator"
    title="QR Code Generator — CalculatorAI"
    width="100%"
    height="1400"
    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/qr-code-generator" target="_blank" rel="noopener">QR Code Generator by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/qr-code-generator"]')
    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 !== 'qr-code-generator') 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: 'qr-code-generator', 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-qr-code-generator

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.

Embed a free tool on your website

Pick a tool, 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.

Choose a tool and set its language and theme.

Copy the generated snippet — plain HTML, no build step.

Paste it wherever the tool should appear.

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.