Production-ready 3D steel fabrication configurator with real-time cost calculation and GLB/JSON exports.
Engineers and estimators needed to assemble standard columns and beams, add plates, cleats, and stiffeners, and see the material cost the moment a dimension changes — directly in the browser, without a desktop CAD seat. Quoting accuracy depended on precise measurements and repeatable views.
We built a browser-based 3D configurator on Babylon.js with real-time mesh dimension editing, automatic cost calculation from material usage, grid lines, measurement tools, and one-click orthographic views. Undo/redo and safe disposal support iterative design without data loss, and finished configurations export to GLB for visualization and JSON for detailing, CAM, or ERP systems.
one-click orthographic views
export formats: GLB + JSON
cost calculation from material usage
Interactive 3D configurator for standard columns and beams (UC, RHS, SHS, PFC, etc.)
Real-time mesh dimension editing (width, height, depth)
One-click orthographic views: front, back, left, right, top, bottom
Fabrication features: base/top plates, cleats, top cleat, stiffeners, holes
Automatic cost calculation based on material usage
Grid lines and measurement tools for accuracy
Undo/redo support for iterative design
Export to GLB (3D visualization) and JSON (ERP/CAM integration)
Select, resize, and safely dispose mesh objects
Babylon.js, JavaScript, WebGL, GLB Export, JSON Export
3D Web Configurator
Babylon.js + WebGL
GLB + JSON
Steel Fabrication / Engineering
Vercel
