Real-time 3D viewport
Orbit, zoom (scroll or slider), HDRI environments, shadows, and optional grid—ideal for packaging reviews and client sign-off.
Free forever · Browser · WebGL · No account
Free packaging box designerand 3D carton simulator3D Box Studio · in your browser
Preview folding cartons and mailer-style boxes with realistic materials, HDRI lighting, lid and flap motions, and per-face artwork. Built for designers, brands, and printers who need a fast 3D packaging preview—not a full CAD die-line engine.
PBR materialsKraft, carton, foil & more
HDRI lightingStudio-grade reflections
OpeningsLid, split top, door
Portable JSONDownload & share full designs
Capabilities
Everything you need for a convincing 3D packaging preview
Whether you call it a 3D box simulator, carton configurator, or structural packaging preview, these tools help you validate scale, readability, and shelf presence before you commit to plates or samples.
Dimensions & units
Set width, height, and depth in millimeters, centimeters, or inches. Scene units convert to centimeters for consistent 3D scale.
PBR material presets
Kraft, white carton, gloss or matte plastic, corrugated, and metallic foil—roughness, clearcoat, and environment response tuned for packaging looks.
Opening mechanisms
Closed view, lid from back, split top flaps (hinge on long or short side), and a swinging door-style left panel—animated open amount.
Per-face artwork & rotation
Upload PNG or JPG per face, rotate in 90° steps, and apply one image to all faces when you need a quick placeholder wrap.
Environment presets
Choose from studio, city, warehouse, sunset, and dawn environments. This is a great way to get feedback on your design.
JSON import & export
Download a single v1 JSON file with dimensions, materials, openings, lighting, zoom, and per-face images (base64)—ideal for backups, handoff to teammates, or moving between machines. Import a file back into the studio to restore the full scene.
Local save & PNG export
Auto-save to browser storage on a short debounce, with explicit save/clear controls. Export a high-resolution PNG snapshot of the live viewport for decks, RFQs, and marketing.
Record presentation
Record a 15-second video of the viewport with audio, then download the MP4 file. This is a great way to share your 3D packaging simulator with your team or clients.
Product tour
Inside the 3D packaging studio
Below are illustrative screenshots of the interface layout and key workflows. Click any shot to open a full-size lightbox (same viewer as the portfolio—arrow keys to browse, Escape to close). Replace images with real captures from your live studio for even stronger social proof and SEO image search coverage.
Portfolio
Packaging visuals & motion
Stills and short clips we ship to sell structure, print, and motion in one breath—turntable captures for PDPs, board-and-foil looks for pitch decks, and in-app shots that show how teams actually work inside 3D Box Studio. The grid below mixes photos and video; filter when you only want one format.
Curating your own reel? Drop files under public/showcase/images/ or public/showcase/videos/, list them in manifest.json, and use optional layout: "standard", "tall", or "wide" for wider or taller tiles in the grid. Source lives on GitHub.
Workflow
From flat idea to 3D packaging check in minutes
A lightweight workflow for teams who need a believable 3D box mockup without installing heavy CAD packages.
Set structure & board
Choose outer dimensions, material preset, and how the top or door should open for your 3D carton preview.
Drop in artwork
Map prints to faces, rotate to match portrait or landscape panels, and iterate until the 3D box mockup reads clearly on screen.
Share & save
Export a PNG for decks and RFQs, or rely on local persistence so your 3D packaging simulator session survives refresh.
Support
Frequently asked questions
Straight answers for teams evaluating a browser-based 3D box designer versus desktop packaging engineering software.
What is a 3D box designer or packaging simulator?
It is a tool that shows your box as a three-dimensional object so you can judge proportions, graphics, and opening behavior. This project focuses on fast visualization—not die-line CAD, knife validation, or print trapping.
Is this a substitute for Esko, ArtiosCAD, or dedicated packaging CAD?
No. Those platforms engineer production die-lines. Our 3D packaging simulator helps you communicate look & feel, camera angles, and rough scale early. Export is a viewport PNG, not a print plate.
Does the 3D box simulator work on mobile?
The studio is built for desktop browsers with WebGL. Phones may run it, but the control density is optimized for keyboard and mouse users.
Where is my data stored?
By default, optional local browser storage keeps your fields and encoded images on-device. There is no account-backed cloud sync in this open tool.
Will on-screen colors match my print run?
Screen previews are RGB and depend on your display calibration. This 3D packaging simulator is for structural and graphic composition—not ink drawdowns or press proofs. Always validate color with your printer's proofing process.
Can I export or import my design as JSON?
Yes. In the studio, use Export JSON to download a portable file (version 1) with your full setup including embedded images. Use Import JSON to load that file and replace the current scene—handy for backups, sharing with a colleague, or switching computers without relying on browser sync.
How do I use my own marketing screenshots?
Export PNGs from the studio, then replace the files in public/landing/ or update the image paths in src/pages/LandingPage.tsx so search and social previews show your real product shots.
Ready to spin up your carton in 3D?
Open the studio and iterate on materials, openings, and artwork until the packaging story clicks.
Start the 3D packaging simulator