3D trailer load planner
The challenge
Dispatchers at a freight company planned 53-foot trailer loads "by eye": how many pallets of different sizes would fit, whether a second tier was possible, whether the axles would be overloaded — it was all mental math or no math at all. A mistake meant an underloaded trailer or pallets that didn’t fit at the warehouse.
What was built
An interactive 3D load planner was built right into the TMS on Three.js: real loads with their actual pallet dimensions are packed into the trailer automatically, and the dispatcher fine-tunes the plan by hand — with honest collisions, weight and axle balance.
Automatic bin-packing
pallets are grouped by size, each group’s orientation is chosen to take up less trailer length; double stacking toggles with one switch.
Weight and balance
total weight vs. the trailer limit, front/rear distribution and a center-of-gravity marker.
Manual pallet dragging with collisions
"too tall", "hits the next pallet" — plus per-pallet rotation and tilt with hotkeys.
Pallets that don’t fit stand red behind the trailer
the problem is visible instantly and they can be dragged inside by hand.
A 2D top view and live stats: how much fits, floor usage percentage and remaining length in feet.
A public view-only link for the warehouse
loaders open the plan on their phones with no login; the mobile version has touch scene controls.
A trailer-type directory (Dry Van 53′/48′, Reefer 53′)
dimensions and weight limits are edited in settings, not in code.
The plan saves automatically and lives until delivery
opened from the saved trailer or from the trips list in one click.
The result
A dispatcher builds a load plan in minutes: the system shows whether everything fits, how much space is left and whether the axles are overloaded. The warehouse works from the same 3D plan on a phone — via a public link, with no system access.
Tech stack
Have a similar challenge?
Discuss a projectNext case
Finance module
TMS finance — a true P&L and batch payments →