MARKETPLACE
PLUGINS
3D MODEL CONFIGURATOR PRO
3D MODEL CONFIGURATOR PRO logo

3D MODEL CONFIGURATOR PRO

Published January 2026
   •    Updated March 2026

Plugin details

3D MODEL CONFIGURATOR PRO is a production-ready 3D viewer and configurator for Bubble apps, built on Three.js.
Load GLB/GLTF models from a public URL, let users orbit/zoom/pan, and enable click-to-select parts with a highlighted selection. Expose model parts as states so you can drive Bubble workflows (e.g., show part details, trigger actions, build a custom configurator UI).

It also supports GLTF material variants (KHR_materials_variants): list available variants, apply a variant on demand, and keep track of the active selection/variant through states. Optionally use an HDR environment for lighting and (if desired) background.

Key features:

GLB/GLTF loading from URL

Orbit controls (pan/zoom/rotate + optional auto-rotate)

Click-to-select parts + highlight

Parts list + selected part states for workflows

KHR_materials_variants support (list + apply)

Optional HDR environment lighting/background

Part renaming/grouping via JSON mapping (optional)

Ideal for product configurators, 3D previews, and interactive experiences built in Bubble.

$60

One time  •  Or  $15/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Ignacio logo
Ignacio
Joined 2017   •   3 Plugins
View contributor profile

Instructions

Drop the 3D MODEL CONFIGURATOR PRO element onto your page and give it a fixed height (or place it inside a container with a defined height).
Set model_url to a public direct link to a .glb / .gltf file.
If auto_load is enabled, the model loads automatically on page load and whenever model_url changes.

Enable enable_select to allow click-to-select on meshes. The element exposes:

parts (list)

selected_part (text)

is_loaded (yes/no)

last_error (text)

Clicking on empty space clears the selection.

If your model includes KHR_materials_variants, use:

State khr_variants to read available variants

Action apply_new_variant to apply a variant_name

Optional: Set env_hdr_url to a public .hdr file for environment lighting (and enable use_env_as_background if you want it as the background).

Optional: Use part_map_json to rename/group parts (JSON mapping) for cleaner Bubble workflows.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Media   •   Ecommerce   •   Image   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble
TOMORROW: Just Shipped Livestream with Bubble co-founders Josh and Emmanuel. Join for a demo session of Bubble’s  latest product releases
RSVP HERE