Free yard calculators for your own site
Every calculator on the guides here can go on your page too: a mulch calculator in a post about mulching, a paver calculator beside your patio build, a sod calculator on a lawn-care page. Paste one line of HTML where you want the box, and it appears there, answering from your reader's own numbers, priced from the same book the planner uses, which is kept up to date so you never have to.
There is nothing to sign up for and no script to load. The box is a small frame served
from here, so it works on any site that lets you paste HTML, on a phone as well as a
desktop, and it follows the reader's light or dark setting. Add ?theme=light
or ?theme=dark to the frame's address if you would rather it matched your
page. Each box links back to the guide it came from, which is all we ask.
What it looks like
The mulch calculator, exactly as it would sit on your page:
Mulch calculator by Yard Layout
The calculators
Open one to copy its code. The line under the frame is the credit; it is part of the snippet so the link travels with the box, and it reads fine left as it is.
Mulch calculator
How much mulch do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Mulch" title="Mulch calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Mulch">Mulch calculator</a> by Yard Layout</p>Gravel calculator
How much gravel do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Gravel" title="Gravel calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Gravel">Gravel calculator</a> by Yard Layout</p>River rock calculator
How much river rock do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/RiverRock" title="River rock calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/RiverRock">River rock calculator</a> by Yard Layout</p>Decomposed granite calculator
How much decomposed granite do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/DecomposedGranite" title="Decomposed granite calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/DecomposedGranite">Decomposed granite calculator</a> by Yard Layout</p>Topsoil calculator
How much topsoil do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Topsoil" title="Topsoil calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Topsoil">Topsoil calculator</a> by Yard Layout</p>Compost calculator
How much compost do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Compost" title="Compost calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Compost">Compost calculator</a> by Yard Layout</p>Raised bed soil calculator
How much soil will your raised bed take? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/RaisedBed" title="Raised bed soil calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/RaisedBed">Raised bed soil calculator</a> by Yard Layout</p>Sod calculator
How much sod do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Sod" title="Sod calculator" width="100%" height="540" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Sod">Sod calculator</a> by Yard Layout</p>Concrete calculator
How much concrete do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Concrete" title="Concrete calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Concrete">Concrete calculator</a> by Yard Layout</p>Paver calculator
How many pavers do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Pavers" title="Paver calculator" width="100%" height="540" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Pavers">Paver calculator</a> by Yard Layout</p>Fence calculator
How much fence do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Fence" title="Fence calculator" width="100%" height="560" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Fence">Fence calculator</a> by Yard Layout</p>Edging calculator
How much edging do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Edging" title="Edging calculator" width="100%" height="400" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Edging">Edging calculator</a> by Yard Layout</p>Sprinkler calculator
How many sprinkler heads do you need? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/Sprinklers" title="Sprinkler calculator" width="100%" height="540" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/Sprinklers">Sprinkler calculator</a> by Yard Layout</p>Paver patio cost calculator
What will your patio cost in pavers? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/PatioCost" title="Paver patio cost calculator" width="100%" height="540" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/PatioCost">Paver patio cost calculator</a> by Yard Layout</p>Gravel driveway cost calculator
What will your driveway cost in gravel? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/DrivewayCost" title="Gravel driveway cost calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/DrivewayCost">Gravel driveway cost calculator</a> by Yard Layout</p>Sod cost calculator
What will your lawn cost in sod? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/SodCost" title="Sod cost calculator" width="100%" height="540" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/SodCost">Sod cost calculator</a> by Yard Layout</p>Fence cost calculator
What will your fence cost by the foot? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/FenceCost" title="Fence cost calculator" width="100%" height="560" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/FenceCost">Fence cost calculator</a> by Yard Layout</p>Backyard landscaping cost calculator
What will landscaping your yard cost in materials? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/LandscapingCost" title="Backyard landscaping cost calculator" width="100%" height="540" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/LandscapingCost">Backyard landscaping cost calculator</a> by Yard Layout</p>Artificial turf cost calculator
What will artificial turf cost for your lawn? Read the guide or see the box on its own.
Get the code
Paste this where you want the box to appear.
<iframe src="https://yardlayout.com/Embed/ArtificialTurfCost" title="Artificial turf cost calculator" width="100%" height="420" style="border:0;max-width:640px" loading="lazy"></iframe>
<p><a href="https://yardlayout.com/Guides/ArtificialTurfCost">Artificial turf cost calculator</a> by Yard Layout</p>Something else?
The example plans are free to use as pictures too, with a link back: each one's page has the code under its picture. And if there is a calculator you would like that is not here, the contact link in the footer reaches a person.