Free calculator widgets for Webflow
Webflow will not run the widget while you are still designing the page, which makes it look broken when it is not. Publish and look at the published page.
Any of the 342 calculators can go on a Webflow page. They are free, carry no ads, follow nobody, need no sign-up and do not expire — and the one on your page stays the current version of the calculator, so a snippet pasted once keeps giving the right answer.
Where it goes in Webflow
Drop an Embed element on the page and paste. Publish to see it run — the Designer canvas does not execute iframes.
The code
This is the whole thing, for the mortgage calculator. The calculator’s own page builds the same three lines for it, pre-filled with whatever you type in first, and every other calculator does the same on its page.
<iframe src="https://www.calculateitnow.dev/embed/mortgage-calculator" title="Mortgage Calculator" width="100%" height="800" style="border:1px solid #e4e1d9;border-radius:12px;max-width:100%" loading="lazy"></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:8px 0 0"><a href="https://www.calculateitnow.dev/mortgage-calculator">Mortgage Calculator</a> by CalculateItNow</p>
<script src="https://www.calculateitnow.dev/embed.js" async></script>The last line only resizes the frame to fit its contents. Drop it and the widget still works, at the height set on the line above.
What lands on the page
The real calculator, not a picture of one. Try it:
The rest of it
- Every widget — all 342 of them, by category, each with its own code.
- The one thing we ask — why the credit line sits outside the frame, and why keeping it is what pays for all this.
- Somewhere else — the same instruction for the other places people paste it.
- For developers — the JSON API, the MCP server and oEmbed, if you would rather not use a frame at all.