All Projects
LiveWeb App

Web CAD Viewer

A professional-grade 3D CAD viewer built entirely in the browser using Three.js and React Three Fiber. Features include wireframe toggle, animated exploded view, interactive cross-section with clipping planes, and smooth camera transitions between standard engineering views (Front, Top, Iso). The 3D model is built programmatically from geometric primitives, demonstrating WebGL capabilities for engineering visualization.

Screenshots

Key Highlights

  • Wireframe, exploded view, and cross-section modes
  • Smooth camera transitions between engineering views
  • Programmatic 3D geometry — no external model files
  • Professional CAD viewport with grid floor
  • Interactive clipping plane with slider control

Tech Stack

ReactThree.jsReact Three FiberWebGLTypeScriptDrei

Tags

Three.jsWebGLReact Three FiberCAD3D

Related Projects

LiveWeb App

Container Configurator

Interactive 3D container product configurator with real-time dimension controls, material selection, and live preview.

ReactTypeScriptThree.js3D
MixFltCoolHeatFanAttenΔp 3.45 in.wg5,000 CFM | 12.5 Tons | 8.2 BHP
LiveWeb App

HVAC AHU Configurator

Air Handling Unit configurator with section-by-section component selection, pressure drop analysis, and real-time engineering calculations.

C#WPFHVACConfigurator
LiveWeb App

Door Industry Configurator

Interactive 3D door configurator with panel styles, material selection, glass options, hardware choices, and real-time engineering specifications.

ReactTypeScriptThree.js3D