Use this calculator to determine the optimal dimensions for your staircase, ensuring it meets building codes and provides a comfortable ascent.
Building Code Parameters (Adjust as per local regulations):
Stair Diagram Concept:
Imagine a side view of your staircase. The "Total Rise" is the vertical distance from the floor you're leaving to the floor you're arriving at. Each "Riser" is a vertical step up, and each "Tread" is the horizontal surface you step on. The "Total Run" is the horizontal distance the entire staircase covers on the lower floor.
The calculator will provide the precise dimensions for each of these components, ensuring a safe and compliant design.
Understanding Stair Dimensions and Building Codes
Building a staircase requires careful planning to ensure safety, comfort, and compliance with local building codes. This stair calculator helps you determine the optimal dimensions for your project.
Key Stair Terminology:
Total Rise: This is the most critical measurement. It's the vertical distance from the finished floor surface of the lower level to the finished floor surface of the upper level. Accuracy here is paramount.
Riser Height: The vertical distance from the top of one tread to the top of the next. Consistent riser heights are crucial for safety.
Tread Depth (Run): The horizontal distance from the front edge of one tread to the front edge of the next. This is where your foot lands.
Total Run: The total horizontal length that the staircase occupies on the lower floor. This is the sum of all individual tread depths.
Nosing: The part of the tread that extends horizontally beyond the face of the riser below it. (Not directly calculated here, but important for overall design).
Stair Angle: The angle of inclination of the staircase, typically measured from the horizontal.
Building Code Compliance:
Local building codes are designed to ensure staircases are safe to use. While codes can vary, common requirements include:
Maximum Riser Height: Typically around 7.75 inches (197 mm) for residential stairs. This prevents steps from being too steep.
Minimum Tread Depth: Often 10 inches (254 mm) for residential stairs. This ensures enough foot placement area.
The "2R + T" Rule: A common rule of thumb (and often a code requirement) states that twice the riser height plus the tread depth should fall within a specific range (e.g., 24 to 25 inches or 610 to 635 mm). This rule helps ensure a comfortable and consistent stride.
Headroom: A minimum vertical clearance (e.g., 6 feet 8 inches or 2030 mm) is required above the tread line to prevent head injuries. (This calculator focuses on the stair geometry itself, not headroom).
Stair Width: Minimum width requirements (e.g., 36 inches or 914 mm) are also common.
How to Use the Calculator:
Measure Total Rise: Accurately measure the vertical distance from the finished floor of the lower level to the finished floor of the upper level. Enter this into "Total Rise".
Enter Desired Dimensions: Input your preferred Riser Height and Tread Depth. The calculator will adjust these slightly to fit the Total Rise perfectly while adhering to codes.
Adjust Building Code Parameters: Consult your local building authority for the exact maximum riser, minimum tread, and 2R+T rule values. The default values are common but may vary.
Calculate: Click the "Calculate Stair Dimensions" button to see the results, including the actual dimensions and code compliance.
Example Calculation:
Let's say you have a Total Rise of 108 inches. You desire a Riser Height of 7 inches and a Tread Depth of 10 inches. Your local code specifies a Max Riser of 7.75 inches, Min Tread of 10 inches, and a 2R+T range of 24-25 inches.
Actual Riser Height: 108 inches / 15 risers = 7.20 inches. (This is within the 7.75-inch max code).
Number of Treads: 15 risers – 1 = 14 treads.
Initial Tread Depth: Desired 10 inches. (This meets the 10-inch min code).
Initial 2R+T Check: (2 * 7.20) + 10 = 14.40 + 10 = 24.40 inches. This value is within the 24-25 inch rule.
In this specific example, all initial desired values and calculated dimensions meet the codes without further adjustment.
Total Run: 14 treads * 10 inches = 140 inches.
Stair Angle: Using actual riser (7.20) and actual tread (10), Angle = atan(7.20 / 10) = ~35.75 degrees.
If the initial 2R+T value was, for instance, 23.5 inches (failing the 24-25 inch rule), the calculator would then adjust the tread depth. It would calculate a new required tread depth (e.g., 24 – (2 * 7.20) = 9.6 inches). Since this is less than the desired 10 inches, it would likely keep the tread at 10 inches and flag a warning that the 2R+T rule is still not met, or it might adjust the tread to the minimum allowed by the 2R+T rule if it's greater than the minimum tread code.
This iterative process is what the calculator automates, providing you with precise, code-compliant dimensions.
.calculator-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 20px auto;
padding: 25px;
border: 1px solid #e0e0e0;
border-radius: 10px;
background-color: #f9f9f9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.calculator-container h2, .calculator-container h3 {
color: #333;
text-align: center;
margin-bottom: 20px;
}
.calculator-container h4 {
color: #555;
margin-top: 20px;
margin-bottom: 10px;
}
.calculator-inputs label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: #444;
}
.calculator-inputs input[type="number"] {
width: calc(100% – 22px);
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.calculator-inputs button {
display: block;
width: 100%;
padding: 12px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 20px;
}
.calculator-inputs button:hover {
background-color: #0056b3;
}
.calculator-results {
margin-top: 30px;
padding: 20px;
border: 1px solid #d4edda;
background-color: #dff0d8;
border-radius: 8px;
color: #155724;
font-size: 1.1em;
line-height: 1.6;
}
.calculator-results p {
margin-bottom: 8px;
}
.calculator-results strong {
color: #0a3622;
}
.calculator-results .code-compliance {
font-weight: bold;
padding: 5px 10px;
border-radius: 4px;
display: inline-block;
margin-top: 10px;
}
.calculator-results .code-compliance.pass {
background-color: #28a745;
color: white;
}
.calculator-results .code-compliance.fail {
background-color: #dc3545;
color: white;
}
.stair-diagram-description, .calculator-article {
margin-top: 30px;
padding: 15px;
border: 1px solid #e9ecef;
background-color: #f8f9fa;
border-radius: 8px;
}
.calculator-article ul {
list-style-type: disc;
margin-left: 20px;
margin-bottom: 15px;
}
.calculator-article ol {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 15px;
}
.calculator-article li {
margin-bottom: 5px;
}
function calculateStairs() {
var totalRise = parseFloat(document.getElementById("totalRise").value);
var desiredRiser = parseFloat(document.getElementById("desiredRiser").value);
var desiredTread = parseFloat(document.getElementById("desiredTread").value);
var stairWidth = parseFloat(document.getElementById("stairWidth").value);
var maxRiserCode = parseFloat(document.getElementById("maxRiserCode").value);
var minTreadCode = parseFloat(document.getElementById("minTreadCode").value);
var min2RTCode = parseFloat(document.getElementById("min2RTCode").value);
var max2RTCode = parseFloat(document.getElementById("max2RTCode").value);
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = ""; // Clear previous results
// Input validation
if (isNaN(totalRise) || totalRise <= 0 ||
isNaN(desiredRiser) || desiredRiser <= 0 ||
isNaN(desiredTread) || desiredTread <= 0 ||
isNaN(stairWidth) || stairWidth <= 0 ||
isNaN(maxRiserCode) || maxRiserCode <= 0 ||
isNaN(minTreadCode) || minTreadCode <= 0 ||
isNaN(min2RTCode) || min2RTCode <= 0 ||
isNaN(max2RTCode) || max2RTCode = max2RTCode) {
resultDiv.innerHTML = "Please enter valid positive numbers for all fields. Ensure Min 2R+T is less than Max 2R+T.";
return;
}
var codeComplianceStatus = "Pass";
var complianceMessages = [];
// 1. Calculate initial number of risers based on desired riser height
var numRisers = Math.round(totalRise / desiredRiser);
if (numRisers maxRiserCode) {
complianceMessages.push("Initial riser height (" + actualRiserHeight.toFixed(2) + " in) exceeds max code (" + maxRiserCode.toFixed(2) + " in).");
numRisers = Math.ceil(totalRise / maxRiserCode); // Increase risers to get below max
actualRiserHeight = totalRise / numRisers;
complianceMessages.push("Adjusted: Number of risers increased to " + numRisers + ", new riser height: " + actualRiserHeight.toFixed(2) + " in.");
codeComplianceStatus = "Fail";
}
// Ensure actualRiserHeight is not too small (e.g., if totalRise is very small)
if (actualRiserHeight < 4) { // Arbitrary minimum for practical stairs
complianceMessages.push("Warning: Actual riser height (" + actualRiserHeight.toFixed(2) + " in) is very small. Consider reducing number of risers or increasing total rise.");
codeComplianceStatus = "Fail";
}
// 4. Calculate number of treads
var numTreads = numRisers – 1;
// 5. Initialize actual tread depth
var actualTreadDepth = desiredTread;
// 6. Check against minTreadCode
if (actualTreadDepth < minTreadCode) {
complianceMessages.push("Initial tread depth (" + actualTreadDepth.toFixed(2) + " in) is less than min code (" + minTreadCode.toFixed(2) + " in).");
actualTreadDepth = minTreadCode;
complianceMessages.push("Adjusted: Tread depth set to minimum: " + actualTreadDepth.toFixed(2) + " in.");
codeComplianceStatus = "Fail";
}
// 7. Check and adjust for 2R+T Rule
var current2RT = (2 * actualRiserHeight) + actualTreadDepth;
if (current2RT max2RTCode) {
complianceMessages.push("Initial 2R+T rule (" + current2RT.toFixed(2) + " in) is outside the allowed range (" + min2RTCode.toFixed(2) + " – " + max2RTCode.toFixed(2) + " in).");
codeComplianceStatus = "Fail";
var tempTread;
if (current2RT actualTreadDepth) { // Only increase if needed
actualTreadDepth = tempTread;
complianceMessages.push("Adjusted: Tread depth increased to " + actualTreadDepth.toFixed(2) + " in to meet 2R+T rule.");
}
} else if (current2RT > max2RTCode) {
tempTread = max2RTCode – (2 * actualRiserHeight);
if (tempTread < actualTreadDepth) { // Only decrease if needed
actualTreadDepth = tempTread;
complianceMessages.push("Adjusted: Tread depth decreased to " + actualTreadDepth.toFixed(2) + " in to meet 2R+T rule.");
}
}
}
// 8. Final check for minTreadCode after 2R+T adjustment
if (actualTreadDepth < minTreadCode) {
if (codeComplianceStatus === "Pass") { // Only add if not already failed for other reasons
complianceMessages.push("Warning: Tread depth was adjusted to minimum (" + minTreadCode.toFixed(2) + " in) to comply with code. This might affect 2R+T rule compliance.");
}
actualTreadDepth = minTreadCode; // Force to min if it dropped below
codeComplianceStatus = "Fail";
}
// 9. Final check for 2R+T after all adjustments
var final2RT = (2 * actualRiserHeight) + actualTreadDepth;
if (final2RT max2RTCode) {
if (codeComplianceStatus === "Pass") { // Only add if not already failed
complianceMessages.push("Final 2R+T (" + final2RT.toFixed(2) + " in) is still outside the allowed range (" + min2RTCode.toFixed(2) + " – " + max2RTCode.toFixed(2) + " in) after adjustments. Consider modifying desired riser/tread or total rise.");
}
codeComplianceStatus = "Fail";
}
// 10. Final Total Run calculation after all adjustments
var totalRun = numTreads * actualTreadDepth;
// 11. Calculate Stair Angle
var stairAngleRad = Math.atan(actualRiserHeight / actualTreadDepth);
var stairAngleDeg = stairAngleRad * (180 / Math.PI);
// Display Results
var complianceClass = (codeComplianceStatus === "Pass") ? "pass" : "fail";
var messagesHtml = complianceMessages.length > 0 ? "Adjustments/Warnings: