Skip to content
Tair Khanapin
Final scene: the finished gold signet ring glowing on a black background, with the workshop's contact details.
← All projects

From CAD to Gold

A scroll-driven 3D story of one gold signet ring, from CAD model to the polished piece, made at my own jewelry workshop.

Built: October 5-19, 2026 (178 commits)

What it is

A scroll-driven 3D story that follows one gold signet ring from CAD model through resin printing, investment casting and quenching to the polished piece, made at my own jewelry workshop.

Who it's for

Clients and anyone curious how jewelry is made.

The problem it solves

Make an invisible, technical process understandable in one scroll.

My role

Solo project: design and development.

Value

It combines my two fields, 3D jewelry and web. It is tuned to run on an integrated laptop GPU, and weak phones get a scroll-scrubbed pre-rendered video instead of the 3D scene.

Stack

  • React 19
  • TypeScript
  • Vite
  • three.js
  • react-three-fiber
  • GSAP
  • Lenis
  • Tailwind CSS
  • Vitest
  • Vercel

Highlights

  • 8 story acts on one master scroll timeline.
  • No React state updates during scroll.
  • Shader pre-compilation in the loader.
  • 566 unit tests cover the timeline logic.

Links

Open the live site

from-cad-to-gold.vercel.app

Screenshots

Act one, "It starts as a drawing": a wireframe CAD model of the ring with its dimensions."The resin burns out": a perforated casting flask between rows of resin ring models."Then the ring is born": the gold signet ring with a light line marking processing and polishing.