Outdoor & Structures · Real-time WebGL
3D Stair System Configurator
A real-time 3D stair configurator — pick the structure material, tread finish and railing infill (glass, balusters, cable or none), set the number of steps, and rotate the actual staircase as treads, stringers and railing rebuild with the price updating live. This is a working WebGL demo of the stair system configurators Lumien builds for stair manufacturers, fabricators and staircase builders.
Live WebGL demo
Configure your stair system
starting build
$4,200
Indicative pricing for demonstration. This is a live example of a real 3D configurator Lumien builds — connected to your real catalogue, rules, and pricing.
What a stair system configurator fixes
- Glass vs. cable vs. balusters look and cost completely differently — a flat spec sheet can't show a homeowner the difference, so they stall on the railing choice.
- Step count, tread finish and structure material all move the price, so every "what would this run?" turns into a manual takeoff or a showroom visit.
- Installs go wrong when the material, infill and run on the drawing don't match what the customer thought they were buying.
What we build in
Real WebGL staircase
A true 3D stair the customer can orbit and inspect — structure, treads and railing re-render instantly as options change, not a flipbook of photos.
Material, tread & railing library
Every structure material, tread finish and railing infill you offer — wood, metal, glass, cable, balusters — rendered to scale with correct colour and per-option pricing.
Rule-based live pricing
Structure material, tread finish, railing system and step count drive the total with your real rules, so the number on screen reflects the actual build, not a flat guess.
Spec-accurate output
The exact configuration becomes a quote, takeoff, or order with the full spec so the shop fabricates and installs precisely what was sold.
Fast & lazy-loaded
The 3D engine is code-split and loads only on this page, with adaptive resolution for mobile, so the rest of your site keeps its Core Web Vitals.
On-brand & embeddable
Your materials, your finishes, your prices, your brand — embedded on a product page, a landing page, or a showroom kiosk.
What it does for the business
+28%
higher average order value on configured staircases
−39%
less back-and-forth before a quote is approved
3.3×
time on page vs. a static catalogue
Representative ranges from product-configurator implementations, not figures measured on this demo. Actual results depend on your catalogue, traffic, and industry.
Who uses it
From catalogue to conversion
Scope & catalogue
We map your products, options, materials, and pricing rules into a clean configuration model — the foundation everything else is built on.
Design the experience
A fast, on-brand UI: real-time preview, intuitive pickers, live pricing, and a clear path to a quote, lead, or checkout.
Build & integrate
We connect the configurator to your store, CRM, or ERP so the chosen spec and price flow straight into orders and fulfilment.
Launch & optimise
We ship it, measure engagement and conversion, and tune the options, rules, and funnel against real data.
Questions, answered
Is this a real 3D stair system configurator?
Can you load our materials, finishes and railing systems?
Does pricing reflect the step count and railing choice?
Can a customer get a quote or takeoff from their design?
Will the 3D slow my site down?
Explore other industries
Build a stair system configurator your customers love
Tell us about your products and goals. We’ll scope a configurator that fits your catalogue, your stack, and your numbers.