Work

TMSCad

A packaging design tool that runs in the browser

Customers pick a box, enter its size, watch it fold in 3D and request a quote in one tap, before anything is produced.

Client
Corrugated and folding carton manufacturer
Role
Product design, interface, development
Platform
Web · Desktop & Mobile
Year
2026
tmscad
TMSCad
Fig. 0 — Editor, folded box

The need

In packaging orders most of the time goes into describing the box the customer has in mind. Sizes travel back and forth by e-mail, artwork turns out not to fit, and the price only becomes clear after several rounds of messages.

Our approach

We put a design tool at the start of the order. Customers begin with a standard box model, enter the size and see the dieline instantly. The box folds on screen with real board thickness and the artwork sits on its panels. The quote request reaches the team together with the design itself, with no sign-up.

Fig. 1

Box catalogue

14 corrugated and folding carton models from the FEFCO and Packmage standards, filtered by type.

tmscad
Box catalogue
Fig. 2

From size to dieline

Cut and fold lines are redrawn the moment inner dimensions and board thickness change.

tmscad
From size to dieline
Fig. 3

Realistic 3D folding

The flat board turns into a box step by step, with real thickness, flute texture and folding order.

tmscad
Realistic 3D folding
Fig. 4

Quotes without sign-up

Customers request a quote with a quantity and contact details. The request reaches the team with the box size and material attached.

tmscad
Quotes without sign-up

The same tool on a phone

Every step, from the catalogue to the quote form, was laid out again for touch screens.

Catalogue
Catalogue
Size input
Size input
3D view
3D view
Quote form
Quote form

Built with

  • React
  • TypeScript
  • three.js
  • WebGL
  • PHP
  • MySQL

Got an idea in mind?