MARKETPLACE
PLUGINS
DIMENSIO 3D (PRO)
Dimensio 3D (Pro) logo

Dimensio 3D (Pro)

Published December 2025
   β€’    Updated January 2026

Plugin details

Dimensio 3D Pro turns a static 3D viewer into a powerful Product Configurator Engine.
While the Free version lets you look, the Pro version lets you touch and modify. It bridges the gap between your Bubble database and the internal mesh structure of 3D models.

πŸ”₯ Pro Features:

🎨 Dynamic Material Control: Change the color or apply textures (images) to any specific part of the model using Bubble workflows. Perfect for "Build Your Own" configurators (Sneakers, Furniture, Cars).

🎬 Animation Engine: Full control over GLB animations. Play, pause, loop, or stop specific clips (e.g., "Run", "Open_Door") via workflows.

β˜€οΈ Cinema-Quality Lighting (HDRI): Import .hdr environments to achieve photorealistic reflections on metals and glass.

πŸ‘† Interactive Clicking: Detect exactly which part of the 3D model the user clicked on. Use this to trigger popups, show prices, or select options.

πŸ“Έ Screenshot Generator: Let users save their custom creation. The plugin generates a high-quality Base64 image of the current 3D view.

🚧 Camera Limits: Prevent users from looking "under the floor" by limiting vertical orbit angles.

βœ… Includes all Free features:

  - Zero-config setup (no headers needed).

  - Smart Auto-Scaling & Centering.

  - Transparent backgrounds.

  - Auto-rotate & Zoom.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/dimensio_pro/1766332525808x608211571172029300


Editor: https://bubble.io/page?id=demo-app-56978&test_plugin=1766315040572x267982553184206850_current&tab=Design&name=dimensio_pro

$15

One time  β€’  Or  $5/mo

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   β€’   60 Plugins
View contributor profile

Instructions

General Instructions
1. Loading a Model: Just drag the element and paste a .glb URL. The plugin handles scaling and centering automatically.

2. Finding Mesh Names (Crucial for Configurator): To change a specific part (e.g., the laces of a shoe), you need its internal Mesh Name.

How to find it: Place the element on a page, preview it, and click on the 3D model. The plugin exposes the Clicked Mesh Name state. Display this in a text element to see the name of what you just clicked.

3. Actions & Workflows:

  - Change Color: Requires the Mesh Name and a Color (Hex, Name, or RGB).

  - Apply Texture: Wraps an image (jpg/png) around a specific mesh.

  - Play Animation: Type the animation name (case sensitive) exactly as it exists in the GLB file. If empty, it plays the default animation.

4. HDRI (Realistic Lighting): To get realistic reflections, paste a URL to a .hdr file in the Environment URL field.

  - Note: Only .hdr files are supported (not .exr). You can find free ones at Poly Haven.

5. Screenshots: Run the "Take Screenshot" action. When the image is processed, the Screenshot Ready event triggers. You can then save the Screenshot Image state (Base64) to your database.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Media   β€’   Image   β€’   Ecommerce   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble