Outdoor & Structures · Real-time WebGL
3D Railing Configurator
A real-time 3D railing configurator — pick the material, infill (balusters, glass, cable or horizontal), cap rail and run length, and rotate the actual railing as posts, rails and infill rebuild with live pricing. A working WebGL demo of the deck-railing configurators Lumien builds for railing manufacturers and deck builders.
Live WebGL demo
Configure your railing run
starting run
$3,400
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 railing configurator fixes
- Balusters vs. glass vs. cable look and cost completely different — a spec sheet can’t show a homeowner the difference.
- Linear-foot pricing is hard to explain, so every "rough price?" becomes a manual takeoff.
- Orders go wrong when the infill, material and length on the drawing don’t match the quote.
What we build in
Real WebGL railing
A true 3D run the customer can orbit — material, infill and cap rail re-render instantly, not a flipbook of photos.
Four infill systems
Balusters, tempered glass, cable, and horizontal infill, each modelled to scale with its own pricing.
Linear-foot pricing
Material, infill, cap rail and run length drive the total with your real per-foot rules.
Spec-accurate takeoff
The exact configuration becomes a takeoff, quote, or order so the shop fabricates and ships precisely what was sold.
Fast & lazy-loaded
The 3D engine is code-split and loads only here, so the rest of your site keeps its Core Web Vitals.
On-brand & embeddable
Your materials, your prices, your brand — on a product page, a landing page, or a dealer portal.
What it does for the business
+27%
higher average order value on configured railing
−38%
less time on manual takeoffs and re-quotes
3.2×
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 railing configurator?
Does it support glass, cable and baluster infill?
Can it price by linear foot?
Can a customer get a quote or takeoff?
Will the 3D slow my site down?
Explore other industries
Build a railing 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.