BoxCraft — 2D Editor + 3D Preview

Fabric.js editor → three.js box · all 12 panels textured

Box size

Material

Brand

Company name Tagline

Logo

Convert images to B&W (1-color print) Target panel

Tip: target a flap too — pick a panel, then drag the logo up onto its top/bottom flap. It shows on the 3D box.

Selected object

Show safe-zone guides Show fold/cut lines

✦ Edit Design with AI

With a key → real Claude edits the design JSON. Without → on-device demo interpreter. Key stays in memory only — never hardcode it in a public page; in production call Claude from a backend.

Export

Cut line Fold / crease Safe zone Inner flap (hidden when closed) 8×8×8″ RSC

Drag to rotate · scroll to zoom · closed box, live from your 2D design