Free calculator widgets for your website
Put any MaterialCalc calculator straight into your own page — free, no account, no API key. Paste two lines of HTML and your readers get a working material calculator without leaving your site.
Ideal for DIY blogs, trade sites, builders' merchants and course material. All we ask is that you keep the small attribution link that comes with the snippet.
Pick a calculator
Choose from the list below — the preview updates instantly.
Copy the snippet
One iframe plus a short attribution line. Works in any CMS that allows HTML.
Paste into your page
That's it. It is responsive, and resizes itself if you keep the optional script.
Choose a calculator
Every calculator on the site can be embedded — open any calculator page and press Embed to get its snippet.
Flooring & tile
Walls & framing
Structure & exterior
Timber & decking
General
Embed code
<iframe id="materialcalc-tile-laying" src="https://materialcalc.com/embed/tile-laying" title="Tile Calculator" width="100%" height="820" loading="lazy" style="border:1px solid #e5e7eb;border-radius:12px;max-width:100%"></iframe>
<p style="font-size:12px;margin-top:6px"><a href="https://materialcalc.com/calculator/tile-laying">Tile Calculator</a> by <a href="https://materialcalc.com">MaterialCalc</a></p>
<script>
window.addEventListener("message",function(e){
if(e.origin!=="https://materialcalc.com")return;
var d=e.data;if(!d||d.type!=="materialcalc:height")return;
var f=document.getElementById("materialcalc-"+d.slug);
if(f)f.style.height=d.height+"px";
});
</script>The widget is free to use on any site. Keep the attribution link intact and don't alter the calculator's results. We may update the calculators over time — your embed always shows the current version.