Skip to main content
YardCalcYardCalc

Free Embeddable Calculators

Add a free material calculator to your website or blog. Just pick a calculator, copy the embed code, and paste it into your HTML.

No signup requiredAuto-resizing iframeAlways up to dateWorks on any site
<iframe id="yardcalc-gravel-calculator" src="https://yardcalcapp.com/embed/gravel-calculator" width="100%" height="600" style="border:none;border-radius:12px;overflow:hidden;" loading="lazy" title="Gravel Calculator"></iframe>
<script>window.addEventListener("message",function(e){if(e.data&&e.data.type==="yardcalc-resize"){var f=document.getElementById("yardcalc-gravel-calculator");if(f)f.style.height=e.data.height+"px";}});</script>

How It Works

  1. 1Pick a calculator from the list above.
  2. 2Copy the embed code snippet.
  3. 3Paste it into your website's HTML where you want the calculator to appear.
  4. 4The calculator auto-resizes to fit — responsive, lightweight, and always up to date.

Perfect For

Landscaping companies

Let customers estimate material needs before they call.

Garden & home bloggers

Add interactive tools that keep readers on your page longer.

Material suppliers & stores

Help shoppers calculate exactly what they need to order.

Contractors & builders

Embed calculators on project pages for quick client estimates.

Frequently Asked Questions

Is there a cost to embed these calculators?
No — all calculators are completely free to embed on any website, commercial or personal. No signup, no API key, and no usage limits.
Will the calculator slow down my website?
No. The embed uses a lightweight iframe with lazy loading, so it only loads when visible. It has zero impact on your page's initial load time.
Does the embed automatically resize?
Yes. The embed code includes a small script that automatically adjusts the iframe height as users interact with the calculator — no scrollbars or fixed heights.
Can I customize the calculator's appearance?
The calculators use a clean, neutral design that works with most websites. The white background and rounded corners blend in naturally with any layout.
Do I need to update the embed code?
Never. Calculators are hosted and maintained by YardCalc. Any improvements or bug fixes are automatically reflected in your embed.
What's required in exchange for using the embed?
Just keep the small "Calculator by YardCalc" attribution link visible at the bottom. That's it.

Embed Terms

  • ✓Free for any website — commercial or personal.
  • ✓The "Calculator by YardCalc" attribution link must remain visible.
  • ✓Calculators are maintained and updated by us — you always get the latest version.
  • ✓No signup or API key required.