Outdoor & Structures · Real-time WebGL
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.
A true 3D run the customer can orbit — material, infill and cap rail re-render instantly, not a flipbook of photos.
Balusters, tempered glass, cable, and horizontal infill, each modelled to scale with its own pricing.
Material, infill, cap rail and run length drive the total with your real per-foot rules.
The exact configuration becomes a takeoff, quote, or order so the shop fabricates and ships precisely what was sold.
The 3D engine is code-split and loads only here, so the rest of your site keeps its Core Web Vitals.
Your materials, your prices, your brand — on a product page, a landing page, or a dealer portal.
+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
We map your products, options, materials, and pricing rules into a clean configuration model — the foundation everything else is built on.
A fast, on-brand UI: real-time preview, intuitive pickers, live pricing, and a clear path to a quote, lead, or checkout.
We connect the configurator to your store, CRM, or ERP so the chosen spec and price flow straight into orders and fulfilment.
We ship it, measure engagement and conversion, and tune the options, rules, and funnel against real data.
Tell us about your products and goals. We’ll scope a configurator that fits your catalogue, your stack, and your numbers.