All Projects
LiveWeb App
Container Configurator
A full-featured 3D product configurator built with React and Three.js. Users configure custom containers by adjusting dimensions, selecting materials, and toggling features — all with instant 3D visual feedback. Demonstrates the kind of CPQ (Configure-Price-Quote) tools used across manufacturing to streamline sales and production workflows.
Screenshots
Key Highlights
- Real-time 3D preview with orbit controls
- Dimension sliders with instant visual feedback
- Material and color selection system
- Built with React Three Fiber and TypeScript
- Responsive design — works on desktop and mobile
Tech Stack
React 19TypeScriptThree.jsReact Three FiberNext.jsTailwind CSS
Tags
ReactTypeScriptThree.js3DWeb Configurator
Related Projects
LiveWeb App
Web CAD Viewer
Browser-based 3D CAD viewer with wireframe mode, exploded view, cross-section slider, and view presets.
Three.jsWebGLReact Three FiberCAD
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