MARKETPLACE
PLUGINS
3D MODEL VIEWER MOBILE
3D Model Viewer Mobile logo

3D Model Viewer Mobile

Published June 2026
   •    Updated June 2026

Plugin details

Google 3D Model Viewer lets you display interactive 3D models inside Bubble mobile apps using an embedded WebView. Users can rotate, zoom, inspect, and preview products, objects, characters, mockups, and other 3D assets directly in the app.
    []Displays GLB and GLTF 3D models []Uses a WebView-powered 3D viewer inside the native mobile app []Supports optional USDZ files for iOS AR experiences []Supports touch controls for rotating and zooming models []Supports auto-rotation with adjustable speed []Includes camera orbit, zoom range, and field-of-view settings []Supports poster images while models load []Includes a customizable loading spinner overlay []Publishes loading, loaded, progress, current model URL, and error states []Includes actions to set a model URL, reload the model, and reset the camera

Demo page:
Open demo page
Editor page:
Open editor page

$10

One time

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

Platform

Native mobile

Contributor details

Bubble Axis logo
Bubble Axis
Joined 2023   •   34 Plugins
View contributor profile

Instructions

    []Add the Google 3D Model Viewer element to your Bubble mobile page. []Set the Model URL field to a GLB or GLTF file. []Use lightweight, optimized 3D models for the best mobile performance. []Use a GLB file when possible because it keeps the model and assets in one file. []Add a Poster image if you want an image to show while the model loads. []Use Camera controls to let users rotate and zoom the model with touch. []Use Auto rotate when you want the model to spin slowly without user interaction. []Adjust Rotation speed to control how fast auto-rotation moves. []Use Camera orbit to set the starting viewing angle and distance. []Use Minimum camera orbit and Maximum camera orbit to limit how far users can rotate or zoom. []Use Field of view to control how wide or zoomed-in the camera feels. []Enable AR only when you have the right model files and the target device supports AR. []Add an iOS USDZ URL if you want iOS AR Quick Look support. []Customize the Background color to match your page or product display area. []Customize the loading spinner, text, size, colors, and overlay color to match your app. []Use the Set model URL action when you want to change the model from a workflow. []Use the Reload model action to clear and load the current model again. []Use the Reset camera action to return the viewer to its starting camera position. []Use the loading and progress states to show your own loading UI if needed. []Use the error message state to detect when a model fails to load. []Avoid placing many 3D viewers on the same page at once, especially on Android. []Avoid very large models, heavy textures, or too many simultaneous models because they can slow down or crash mobile WebView rendering.
  • Test your models on both iOS and Android because WebView 3D performance can vary by device.

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   •   Video   •   Data (things)   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble