Book a survey
Stair Builder

Configure a staircase
in 3D.

Set the type, dimensions, balustrade and materials — the model updates live and checks the key UAE building-code limits as you go. When it looks right, send the spec straight to us.

[CAworks]
Loading 3D Engine

Indicative geometry and compliance guidance only — every staircase is verified by our engineering team before fabrication. See the full UAE code reference →

; /* ===== BONE · INK · OAK override — Stair Builder configurator ===== */ .port{ --bg:#ECE6DB; --dark:#ECE6DB; --panel:#E7E0D3; --surface:#ded7ca; --border:rgba(31,27,21,.15); --mid:#8E897E; --light:#1F1B15; --text:#1F1B15; --gold:#A97C46; --gold-dim:#8A6234; --green:#4a7d52; --red:#9e5b52; --serif:"Archivo",Georgia,serif; --sans:"Archivo",-apple-system,sans-serif; /* embed the full-screen app as a bounded panel */ display:flex; height:84vh; min-height:600px; max-height:880px; overflow:hidden; background:#ECE6DB; position:relative; color:var(--text); } .port .sidebar{ height:100%; background:#E7E0D3; border-right-color:var(--line); } .port .viewport{ background:#ECE6DB; } .port .logo{ color:var(--ink); } .port .ctrl-select,.port .ctrl-input{ background:#F3EEE4; color:var(--ink); border:1px solid var(--line); } .port .ctrl-select option{ background:#F3EEE4; color:var(--ink); } /* floating viewport controls -> light glass on bone */ .port .tb-btn{ background:rgba(236,230,219,.9); color:var(--ink); border-color:var(--line); } .port .tb-btn:hover{ background:rgba(222,215,202,.95); border-color:var(--steel,#8E897E); } .port .tb-btn.active{ background:var(--oak,#A97C46); color:#fff; border-color:var(--oak,#A97C46); } .port .info-strip{ background:rgba(236,230,219,.92); color:var(--ink); border-color:var(--line); } .port .info-strip .val{ color:var(--ink); } .port .mobile-toggle{ background:rgba(236,230,219,.94); color:var(--oak,#A97C46); border-color:var(--line); } .port #loading{ background:transparent; } /* fonts */ .port, .port *:not(.mono):not([class*="mono"]):not(code):not(.lbl):not(.ctrl-unit){ font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } .port .lbl,.port .ctrl-unit{ font-family:"IBM Plex Mono",ui-monospace,monospace; }