Aria Ring Builder

Show jewellery clients a custom ring builder with diamonds that look real, in the browser, without an app.

What stood in the way

1. 01Diamonds that sparkle believably on an ordinary screen
2. 02Every band, prong and halo has to fit any stone shape and size

Light, traced inside the stone

Each diamond is ray traced inside its own facets, with colour fire, so it sparkles like the real thing.

• 01

  Three designs

  Cathedral pave, pave vine twist and split halo.

• 02

  True carat sizes

  Every stone shape is sized to a true 1 carat by volume.

• 03

  Parts that fit

  Band, prongs, halo and milgrain are built to fit any shape and carat, and give the metal weight for pricing.

• 04

  Studio light

  Sparkle lights, bloom and a glossy mirrored floor.

Built in a day

1. 2 October 2026Three versions in a day From a first build to a white, elegant studio look.

• AaBodoni Moda
• AaHanken Grotesk

• three.js
• Custom GLSL shaders
• Bloom post-processing
• GitHub Pages
• WebGL
• Google Fonts

• Configurator

A real-time 3D ring configurator we built to show jewellery brands what their store could do: pick the design, the stone shape, the metal and the carat, and watch the diamond catch the light.

Client

Dive X concept

Industry

Jewellery

Location

Surat, India

Type

3D experience

Year

2026

Status

Concept

Built in

Built in a day

Website

vivetopg.github.io

• Concept, 3D and development: Dive X
• Gem shapes: Craftsmanspace models (CC BY-SA)