Interactive Three.js Model Viewer

I’m putting together a web-based viewer built with Three.js, written in clean, modular TypeScript. The core requirement is straightforward: load a 3D model, display it smoothly on desktop and mobile browsers, and give end-users intuitive controls to modify what they see. In addition to the usual orbit/zoom navigation, they must be able to swap textures or tweak colours in real time through a lightweight UI (simple buttons, dropdowns or colour pickers are fine).

You’ll set up the WebGL scene, lighting and camera, handle the model loader, and expose a well-documented function or class that I can drop into a larger React/Vanilla project later. Please structure the code so new materials or texture sets can be registered with minimal edits.

Deliverables:
• TypeScript source (ES modules) with concise comments
• Demo HTML page showcasing texture/colour changes
• Brief README covering setup, build and extension points

If you’ve tackled similar interactive Three.js viewers before, I’d love to see a link or GIF alongside your proposal.