3D Packaging Visualizer

Add an interactive 3D packaging designer directly to any HubSpot page. Visitors can explore photorealistic product packaging in real time — rotating, zooming, changing colors, applying textures, uploading custom label artwork, and downloading high-resolution renders.

Built on Three.js WebGL technology, this module delivers Fortune 500-quality product visualization without any external dependencies or third-party accounts. Everything runs in the browser with no server-side processing required.

The module ships with 8 configurable product types covering the most common packaging formats in CPG, food and beverage, supplements, and cannabis industries. Content creators control which products appear, set default colors for each, upload brand logos, and toggle features on or off — all from the familiar HubSpot page editor with no code required.

Perfect for packaging companies, contract manufacturers, CPG brands, supplement companies, beverage brands, and any business that needs to showcase product packaging options to customers or prospects.

Key capabilities:

• 8 product types: stand-up pouch, beverage can, stick pack, bar wrap, folding carton, bottle, wine bottle, and slim drink can

• Real-time color customization with 3 editable color zones per product (body, lid, label, zipper, accent, etc.)

• 4 surface textures with realistic bump mapping: carbon fiber, brushed metal, linen, and speckle

• 4 material finishes: matte, satin, glossy, and metallic

• Custom label upload with automatic surface wrapping

• High-resolution PNG export for visitors

• Brand logo watermark with configurable position and opacity

• 50+ editor fields across Content and Styles tabs

• Fully responsive layout that stacks on mobile

• Multi-instance safe — add multiple modules to the same page

• Zero jQuery — lightweight vanilla JavaScript

• Three.js loaded from CDN — no files to host