Flagship demo · Real-time WebGL
Design your own ring in 3D
Spin a real, fully-rendered engagement ring and make it yours — metal, diamond or gemstone, setting, carat and band, with the price updating live. This is a working WebGL demo of the 3D configurators Lumien builds for jewelers and DTC brands.
Live WebGL demo
Design your ring
Your design
$3,640
Indicative pricing for demonstration. This is a live example of a real 3D configurator Lumien builds for jewelers and DTC brands.
What goes into a 3D ring configurator
Real-time WebGL
A true 3D ring the customer can rotate, zoom and inspect — not a flipbook of photos. Every change re-renders instantly.
PBR metals & refractive stones
Physically-based 18k golds, platinum, and dispersive diamond/sapphire/emerald/ruby that actually catch the light.
Live, rule-based pricing
Metal, stone, carat, setting and band each carry pricing so the total updates as the design changes — using your real cost rules.
Order, quote & save
A finished design becomes an order, a shareable saved build, or a qualified lead with the full spec — into your store, CRM or POS.
Fast & lazy-loaded
The 3D engine is code-split and loads only on this page, so it never drags down the Core Web Vitals of the rest of your site.
On-brand & embeddable
Your metals, your stones, your prices, your brand — embedded on your product page, a landing page, or an in-store kiosk.
What it does for the business
+38%
engagement vs. a static product gallery
+27%
higher average order value on configured rings
2.6×
time spent designing vs. browsing
Representative ranges from product-configurator implementations, not figures measured on this demo. Actual results depend on your catalogue, traffic, and industry.
Questions, answered
Is this a real 3D ring configurator?
Can you build this for our jewelry store?
Does it work on phones?
Can customers order or get a quote from their design?
How accurate are the metals and gemstones?
How long does a 3D ring configurator take to build?
Want a 3D configurator like this?
Tell us about your product and catalogue. We’ll scope a real-time 3D configurator that fits your stack, your pricing, and your brand — and quote a fixed price.