:root{--a:#f97316;--ink:#172033;--muted:#667085;--bg:#f7f8fa;--line:#e5e7eb}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
header{background:rgba(255,255,255,.70);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.65);position:absolute;top:0;left:0;right:0;z-index:5}.nav{max-width:1100px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:38px;line-height:1;font-weight:900;letter-spacing:-.055em}.logo b{color:var(--a)}select,input,button{font:inherit}select,input{padding:10px;border:1px solid #d0d5dd;border-radius:9px;width:100%}.nav select#lang{width:auto;min-width:96px;max-width:110px;padding:7px 28px 7px 10px;font-size:13px;font-weight:700;border-radius:999px;background:#fff}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;text-align:center;min-height:500px;border-bottom:1px solid rgba(229,231,235,.7)}.hero>div{position:relative;z-index:2;max-width:960px;margin:auto;padding:125px 20px 72px}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.28) 0%,rgba(255,255,255,.50) 48%,rgba(255,255,255,.94) 100%)}.hero-bg span{position:absolute;inset:0;background-size:cover;background-position:center 38%;opacity:0;animation:heroWatermark 24s ease-in-out infinite;transform:scale(1.02)}.hero-bg span:nth-child(1){background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=85");animation-delay:0s}.hero-bg span:nth-child(2){background-image:url("https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1800&q=85");animation-delay:8s}.hero-bg span:nth-child(3){background-image:url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1800&q=85");animation-delay:16s}@keyframes heroWatermark{0%,25%{opacity:.25}33%,91%{opacity:0}100%{opacity:.25}}.tag{color:#c2410c;background:rgba(255,243,235,.9);border-radius:99px;padding:6px 12px;font-weight:700;font-size:13px}.hero h1{font-size:clamp(40px,7vw,66px);text-shadow:0 1px 2px rgba(255,255,255,.7);line-height:1.02;margin:20px 0 14px;letter-spacing:-.04em}.hero p{color:var(--muted);font-size:18px;max-width:720px;margin:0 auto}.flow{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}.flow span{background:rgba(247,248,250,.88);padding:7px 11px;border-radius:99px;font-weight:700;font-size:13px}
main{max-width:1100px;margin:auto;padding:40px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.icon{font-size:28px}.card p,.muted{color:var(--muted)}.badge{display:inline-block;background:#fff3eb;color:#c2410c;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700}
.calc{margin-top:38px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin:12px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}button{width:100%;border:0;background:var(--a);color:white;padding:12px;border-radius:9px;font-weight:800;cursor:pointer;margin-top:10px}.results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{background:var(--bg);padding:14px;border-radius:10px}.result strong{display:block;font-size:21px}.result small{color:var(--muted)}.ad{margin:30px 0;border:1px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;color:#94a3b8;background:#fff}footer{background:#fff;border-top:1px solid var(--line);padding:25px 20px;color:var(--muted);font-size:13px}
@media(max-width:700px){.two{grid-template-columns:1fr}.nav{padding:12px 14px}.logo{font-size:31px}.nav select#lang{min-width:72px;max-width:76px;font-size:11px;padding:5px 20px 5px 8px}.hero{min-height:460px}.hero>div{padding:62px 16px 52px}.hero h1{font-size:clamp(36px,11vw,52px)}.hero p{font-size:16px}}
.tool-grid-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.primary-tool-card{overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}.primary-tool-image{height:150px;background-size:cover;background-position:center}.paint-image{background-image:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.12)),url("https://images.unsplash.com/photo-1562259949-e8e7689d7828?auto=format&fit=crop&w=1000&q=80")}.primary-tool-body{padding:20px}.primary-tool-body h3{margin:0 0 8px}.primary-tool-body p{opacity:.7;min-height:48px}.open-tool{width:100%;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;background:#111;color:#fff;margin-top:12px}.inline-calc{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.inline-calc[hidden]{display:none}.inline-calc .calc-grid{display:grid;grid-template-columns:1fr;gap:12px}.inline-calc .calc-grid label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:700}.inline-calc input,.inline-calc select{padding:11px;border:1px solid #ccc;border-radius:10px;background:#fff}.inline-calc .calc-action{margin-top:10px}.inline-calc .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.inline-calc .result-item{background:var(--bg);border-radius:11px;padding:11px}.inline-calc .result-item strong{display:block;font-size:1.05rem;margin-top:3px}.inline-calc .note{font-size:.76rem;opacity:.65;margin-top:10px}.tool-grid-secondary{display:none!important}
@media(max-width:900px){.tool-grid-primary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tool-grid-primary{grid-template-columns:1fr}.primary-tool-image{height:135px}}
.tools-section{max-width:1100px;margin:70px auto;padding:0 20px}
.section-head{max-width:720px;margin-bottom:26px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;opacity:.65}
.section-head h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:.45rem 0}
.section-head p{opacity:.72}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tool-card{overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.tool-image{height:190px;background-size:cover;background-position:center}
.flooring-image{background-image:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.12)),url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1200&q=80")}
.drywall-image{background-image:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.12)),url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1200&q=80")}
.tool-body{padding:22px}.tool-body h3{margin:0 0 8px}.tool-body p{opacity:.7;min-height:48px}.tool-open,.primary-btn{border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.tool-open{background:#f3f3f3}.primary-btn{background:#111;color:#fff;margin-top:16px}.calculator-panel{position:relative;margin-top:28px;padding:28px;border-radius:22px;background:#f7f7f5;border:1px solid rgba(0,0,0,.08)}.close-calc{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calc-grid label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600}.calc-grid input,.calc-grid select{padding:12px;border:1px solid #ccc;border-radius:10px;background:#fff}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.result-item{background:#fff;border-radius:14px;padding:15px}.result-item strong{display:block;font-size:1.25rem;margin-top:4px}.note{font-size:.82rem;opacity:.62;margin-top:15px}
@media(max-width:700px){.tools-section{margin:45px auto}.tool-grid{grid-template-columns:1fr}.tool-image{height:160px}.calc-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.tool-body p{min-height:auto}}
Flooring Calculator
Calculate your flooring area, add a waste allowance, and estimate how many boxes you need to buy.
How to use the flooring calculator
- Measure the room. Enter the length and width of the area you want to cover.
- Select the floor size. Choose the tile or plank size that matches your product.
- Enter pieces per box. Check the package because the number of pieces per box varies by product and size.
- Add waste. A 5–15% allowance can help account for cuts, damaged pieces and installation waste.
- Check the result. The calculator estimates pieces and rounds the required boxes up.
Example: how many boxes of flooring do I need?
A 12 ft × 10 ft room has 120 ft². Select the floor size you are buying, enter the number of pieces per box and add your preferred waste allowance. The calculator estimates the pieces and boxes required.
Frequently Asked Questions
How do I calculate how much flooring I need?
Multiply the room length by its width to get the area. Then use the floor size and pieces per box to estimate the number of pieces and boxes, including waste.
How much extra flooring should I buy?
A planning allowance of around 5–15% is common, but the right amount depends on room shape, cuts, pattern and installation method.
How many pieces are in a box of flooring?
It varies by product and size. Check the package and enter the number shown on the box.
Should I buy extra flooring?
Yes. Extra material can help cover cutting waste, damaged pieces and future repairs.
← Back to Dream4Build calculators