3D Model Viewer

In 2026, I built a custom WordPress viewer that allows website users to interact with published GLB product models directly on the webpage. Users can rotate, zoom, pan, reset, and view models in fullscreen with responsive sizing.

​

Testing Viewer: As part of this product, I also built a separate local viewer for previewing and testing 3D models before publishing them. This tool helps verify each model’s appearance, scale, positioning, controls, and browser compatibility before it is added to the live website.

​​

Technologies and capabilities

​

Technologies: Three.js, JavaScript, WordPress, WebGL, GLTFLoader, OrbitControls, GLB/glTF, HTML, and CSS.

Website viewer capabilities: Browser-based 3D product visualization, rotation, zoom, pan, fullscreen mode, view reset, responsive resizing, automatic model centering and scaling, compressed-model support, and configurable display settings.

​

Local viewer capabilities: Pre-publication model review, GLB file testing, appearance and positioning checks, scale verification, interaction testing, and browser-compatibility validation.