Cargo Fitter 3D

Interactive 3D cargo loading optimization with Next.js and Three.js

Container Dimensions

Add Cargo Item

Loading Statistics

Total Items:0
✅ Fitted:0
❌ Unfitted:0
Space Efficiency:0%
Total Weight:0.00 lb
Fitted Weight:0.00 lb

3D Cargo Visualization

Controls: Drag to rotate • Scroll to zoom •Green = Fitted •Red wireframe = Unfitted

Items List

No items added yet

Add items to see them here

How to Use

1. Set Container

Define your container dimensions or choose a preset. All units convert to centimeters internally.

2. Add Items

Add items with dimensions, weight, quantity, and optionally mark items non‑stackable or non‑rotatable.

3. Optimize

Click "Optimize Fit". Items with identical footprints will prefer neat double‑stacking if height allows.