Concrete Slab & Patio Designer
Design your concrete slab or patio with an interactive SVG plan view and cross-section. Choose rectangular, L-shaped, or circular shapes, configure rebar, control joints, sub-base, and finish — all with live material quantities.
Slab Shape
Dimensions
Construction
Reinforcement
Bag Size
Material Results
Control joints: 10 linear ft at 10ft spacing
Sub-base: 1.5 cu yd (crushed-stone)
Add to Project
💡 Did you know? Saving this calculation connects it to our Project Planner, allowing you to bundle multiple estimates (concrete, paint, tile, etc.) into a unified shopping list with shared measurements.
Cost Estimate & Budget Customizer
Configure local unit prices and contractor rates
| Material Description | Qty | Unit Price | Total |
|---|---|---|---|
| 80lb Concrete Mix | 74 bags | $ | $463 |
| Crushed Gravel Base | 3 tons | $ | $135 |
| Materials Subtotal: | $598 | ||
All Bag Sizes
Concrete Slab & Patio Design Guide
Planning a concrete slab project — whether a backyard patio, a driveway, a shed base, or a walkway — requires more than just calculating cubic yards. You need to decide on slab geometry, reinforcement strategy, sub-base material, finish type, and control joint layout. This interactive concrete slab designer replaces graph paper and manual takeoffs with a live SVG overhead plan view and cross-section, helping you visualize every layer before you pour a single bag.
Unlike a basic concrete volume calculator, this designer models three slab shapes (rectangular, L-shaped, circular), supports rebar and wire mesh reinforcement, calculates control joint spacing, and generates a complete material list with bag counts for all standard bag sizes. Use it as your concrete slab planner for patios, driveways, and foundations.
Rectangular, L-Shaped & Circular Slabs
This designer supports three slab geometries, each with its own dimension inputs and SVG visualization. Rectangular slabs are the most common — ideal for patios, walkways, and shed bases. Enter length and width in feet, and the overhead plan view renders to scale with dimension arrows you can click to jump to the corresponding input. L-shaped slabs let you design irregular patios and foundation corners by specifying a bounding rectangle and a notch. Circular slabs use diameter input for round patios, fire pit bases, and gazebo foundations. Switch between shapes at any time without losing your other settings.
Design Features
- ✓3 Slab Shapes: Rect, L-shape, Circle.
- ✓Rebar Grid: Bar #3, #4, #5 at 6–36" OC.
- ✓Control Joints: Auto-spacing with SVG overlay.
- ✓Sub-base: Gravel, crushed stone, or sand.
- ✓5 Finishes: Broom, smooth, stamped, exposed, colored.
- ✓Vapor Barrier: Toggle on/off with overlap math.
- ✓Cross-Section View: Live SVG layer stack.
- ✓All Bag Sizes: 40lb, 50lb, 60lb, 80lb.
- ✓Print & Save: Print plan, save to projects.
- ✓Cross-Link: Payload safety check.
Reinforcement: Rebar vs Wire Mesh
The choice between rebar and welded wire mesh depends on your slab's load requirements. For concrete driveways and garage slabs that support vehicle traffic, use rebar reinforcement — #4 (1/2-inch) bars at 18 to 24 inches on center. The designer calculates the exact number of 20-foot rebar sticks needed, accounting for overlap and waste. For patio slabs and walkways, 6x6 wire mesh (W1.4/W1.4) provides sufficient crack control at lower cost. Select "None" for temporary or non-structural slabs. The SVG overhead view overlays the rebar grid in dashed lines when rebar is selected, and you can toggle the grid visibility with the checkbox above the canvas.
Control Joint Layout
Control joints are the most important crack-prevention feature in any concrete slab pour. The designer automatically calculates joint spacing based on your slab dimensions and standard rules: joints should be spaced at 2 to 3 times the slab thickness in feet (e.g., 8 to 12 feet for a 4-inch slab). The SVG plan view shows control joints as red dashed lines, and you can toggle their visibility. The results panel reports total linear feet of joint to cut, helping you plan your concrete saw work. Cut joints to one-quarter of the slab depth within 4 to 12 hours after finishing for best results.
Sub-Base & Compaction Guide
A proper sub-base prevents settling and extends the life of your slab. Crushed stone (#57) is the preferred material — compact in 4-inch lifts to 95% density. For a 10x12 patio, a 4-inch crushed stone base requires approximately 1.5 cubic yards of material. Pea gravel works for light-duty applications but provides less stability. Compactable sand is suitable only for temporary slabs. The cross-section view in the designer shows the layer stack from sub-base through vapor barrier to concrete and finish sealer.
Slab Finish Comparison
Choose from five finish options depending on your project's aesthetic and safety needs. Broom finish provides excellent slip resistance for patios and walkways. Smooth trowel gives a modern polished look but becomes slippery when wet. Stamped concrete adds decorative patterns mimicking stone, brick, or tile. Exposed aggregate reveals the pebble surface for a textured decorative finish. Integral color mixes pigment throughout the concrete for uniform color. Each finish affects cost: broom is standard, stamped adds $3 to $8 per square foot.
Vapor Barrier & Moisture Protection
A vapor barrier (6-mil polyethylene sheeting) prevents ground moisture from migrating through the slab. It is essential for interior slabs, garage floors, and any enclosed space where moisture could damage flooring or cause mold. For exterior patios, vapor barrier is optional if you have good sub-base drainage. The designer automatically calculates the required square footage with 6-inch overlap and 10% waste when you toggle vapor barrier on. Overlap all seams by 6 inches and seal with polyethylene tape.
Ready-Mix vs Bagged Concrete
For small projects like a 10x12 patio (1.5 cubic yards), bagged concrete mix is typically more cost-effective than ready-mix because you avoid the minimum delivery fee ($150 to $250). You would need approximately 67 bags of 80lb mix. For larger projects like a 20x24 driveway (8.9 cubic yards), ready-mix delivery is more practical and cost-effective at $125 to $175 per cubic yard. The designer shows both bag counts and ready-mix cost estimates side by side, and links to the Payload Safety Calculator to verify if your vehicle can haul the bags.
Concrete Curing Best Practices
Proper concrete curing is critical for slab strength and durability. Keep the slab moist for the first 7 days — this is the curing period during which concrete gains approximately 70% of its full strength. Use wet burlap and plastic sheeting, or apply a liquid curing compound. Avoid heavy loads for at least 7 days. Full structural strength (100%) is reached at 28 days. In hot weather (above 85°F), use evaporation retardant and start curing within 30 minutes of finishing. In cold weather (below 40°F), use insulated blankets and consider accelerators.
Frequently Asked Questions
How thick should a concrete slab be for a patio?
A standard residential patio slab should be 4 inches thick. For patios that will support heavy features like a fire pit, outdoor kitchen, or hot tub, increase thickness to 5 or 6 inches with rebar reinforcement. Walkways and light-use patios can use 4-inch slabs with wire mesh.
What is the best sub-base material for a concrete slab?
Crushed stone (#57 stone) is the best sub-base for concrete slabs. It provides excellent drainage, resists settling, and creates a stable platform. Compact it in 4-inch lifts to 95% density. Pea gravel works for light-duty slabs, while compactable sand is suitable for temporary or very light loads.
Should I use rebar or wire mesh for my slab?
Use rebar (#4 at 18 to 24 inches OC) for driveways, garage slabs, and any slab that will bear heavy loads or vehicle traffic. Wire mesh (6x6 W1.4/W1.4) is sufficient for light-duty slabs like walkways, patios, and shed bases. For heavy equipment pads or structural slabs, always use rebar with minimum 3-inch cover.
How do control joints prevent cracking?
Control joints create weak planes that control where the slab cracks as it shrinks during curing. Space them at 8 to 12 feet apart for 4-inch slabs, or 2 to 3 times the slab thickness in inches. Joints should be cut to one-quarter of the slab depth within 4 to 12 hours after finishing.
Do I need a vapor barrier under my concrete slab?
A vapor barrier (6-mil polyethylene) is recommended for interior slabs, garages, and any slab where moisture protection is critical. For exterior patios and walkways, a vapor barrier is optional — the sub-base drainage is more important. Overlap vapor barrier sheets by 6 inches and seal seams with tape.
What is the best finish for a concrete patio?
Broom finish is the most popular for patios — it provides slip resistance and a clean texture. Smooth trowel finish works for modern designs but becomes slippery when wet. Stamped concrete costs 30 to 50 percent more but mimics stone, brick, or tile patterns. Exposed aggregate offers excellent traction and a decorative pebble surface.
How many 80lb bags do I need for a 10x12 slab?
A 10x12 slab at 4 inches thick has a volume of approximately 1.48 cubic yards (40 cubic feet). An 80lb bag yields 0.6 cubic feet, so you need 67 bags. For projects requiring more than 1.5 cubic yards, ready-mix concrete is typically more cost-effective.
Can I design an L-shaped concrete slab?
Yes. Select the L-Shape option to design non-rectangular slabs for irregular patios, walkways, and foundations. Enter the overall length and width as the bounding rectangle, then specify the notch dimensions. The engine calculates the true area by subtracting the notch from the bounding rectangle.
How long should concrete cure before building on it?
Concrete reaches about 70 percent of its full strength after 7 days of moist curing and full structural strength at 28 days. Light foot traffic is safe after 24 to 48 hours. For building structures on a slab, wait at least 7 days. Keep the slab moist or apply a curing compound for the first 7 days to prevent cracking.
What is the difference between ready-mix and bagged concrete?
Ready-mix concrete is delivered by truck and costs $125 to $175 per cubic yard with a minimum load fee of $150 to $250. Bagged concrete (80lb bags at $5 to $7 each) costs more per yard but has no minimum and allows DIY mixing. For slabs under 1.5 cubic yards, bagged is usually cheaper. Use the Payload Safety Calculator to check if your vehicle can haul the bags.
How do I calculate concrete for a circular patio?
Select the Circular shape option and enter the diameter. The area is calculated as pi times radius squared. For a 12-foot diameter circular patio at 4 inches thick: area = 113 sq ft, thickness = 0.333 ft, volume = 1.4 cu yd, requiring approximately 63 bags of 80lb mix.
What size rebar do I need for a 4-inch slab?
For a 4-inch residential slab, use #3 (3/8-inch) or #4 (1/2-inch) rebar. #3 rebar at 18-inch spacing is adequate for patios and walkways. #4 rebar at 24-inch spacing is better for driveways. The rebar should sit on chairs at mid-depth (2 inches from the bottom of a 4-inch slab) with 3 inches of overlap at splices.