Free Embeddable Financial Calculators

How the auto-resizing embed works

Paste this snippet into your page. The iframe boots at a sensible default height, then resizes itself whenever a user changes inputs or results expand — no scrollbars, no wasted space.

<iframe id="calcgrowth-embed-mortgage-calculator"
  src="https://calcgrowth.com/embed/mortgage-calculator"
  width="100%" height="900" frameborder="0"
  loading="lazy" style="border:0;display:block;"></iframe>
<script>
(function(){
  var f = document.getElementById("calcgrowth-embed-mortgage-calculator");
  window.addEventListener("message", function(ev){
    var d = ev && ev.data;
    if (!d || d.type !== "calcgrowth:embed:height") return;
    if (d.slug !== "mortgage-calculator") return;
    f.style.height = Math.max(200, d.height) + "px";
  });
})();
</script>